@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

:root {
  --brand:#3B82F6;--brand-h:#2563EB;
  --brand-sub:rgba(59,130,246,0.08);--brand-bd:rgba(59,130,246,0.25);
  --bg:#FFFFFF;--bg-sub:#F7F7F5;--bg-h:#F0F0EE;
  --sf:#FFFFFF;--sf2:#F7F7F5;--sf3:#EFEFED;
  --bd:#E8E8E5;--bd-s:#D0D0CC;
  --t1:#191919;--t2:#6B6B6B;--t3:#A0A0A0;--t-inv:#FFFFFF;
  --green:#16A34A;--orange:#EA580C;--gold:#D97706;--red:#DC2626;
  --sh-sm:0 1px 3px rgba(0,0,0,.06);
  --sh-md:0 4px 16px rgba(0,0,0,.08);
  --sh-lg:0 8px 32px rgba(0,0,0,.12);
  --r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-f:9999px;
}
[data-theme="dark"]{
  --bg:#191919;--bg-sub:#1E1E1E;--bg-h:#2A2A2A;
  --sf:#222222;--sf2:#2A2A2A;--sf3:#333333;
  --bd:rgba(255,255,255,.08);--bd-s:rgba(255,255,255,.15);
  --t1:#F5F5F3;--t2:#A0A0A0;--t3:#666666;--t-inv:#191919;
  --sh-sm:0 1px 3px rgba(0,0,0,.3);
  --sh-md:0 4px 16px rgba(0,0,0,.4);
  --sh-lg:0 8px 32px rgba(0,0,0,.5);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:14px}
body{
  font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif;
  background:var(--bg);color:var(--t1);min-height:100vh;
  -webkit-font-smoothing:antialiased;transition:background .2s,color .2s;
  overflow:hidden;
}
input,textarea,select{
  font-family:'Pretendard',sans-serif;font-size:13px;color:var(--t1);
  background:var(--sf);border:1px solid var(--bd);border-radius:var(--r-sm);
  padding:8px 11px;outline:none;width:100%;
  transition:border-color .15s,box-shadow .15s;resize:none;
}
input:focus,textarea:focus,select:focus{
  border-color:var(--brand);box-shadow:0 0 0 3px rgba(59,130,246,.12);
}
input::placeholder,textarea::placeholder{color:var(--t3)}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--bd-s);border-radius:99px}
.divider{height:1px;background:var(--bd);flex-shrink:0}
@keyframes spin{to{transform:rotate(360deg)}}
.spin{animation:spin .8s linear infinite;display:inline-block}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.fade-up{animation:fadeUp .22s ease}