:root{
  --font-body:"Pretendard Variable","Pretendard","Malgun Gothic","Apple SD Gothic Neo","Noto Sans CJK KR",sans-serif;
  --sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp5:24px;--sp6:32px;--sp7:48px;--sp8:64px;
  --r-panel:14px;--r-ctrl:10px;--r-tag:6px;--r-pill:999px;
  --row:52px;--btn:48px;--chip:48px;
  --glass-blur:6px;--scene-blur-detail:6px;--scene-dim-detail:0.55;--scene-blur-dense:12px;--scene-dim-dense:0.3;
  --z-scene:0;--z-objects:1;--z-char:2;--z-panel:3;--z-brief:4;--z-overlay:10;
  --t-display:40px/48px;--t-h1:28px/36px;--t-statement:22px/32px;--t-entry:34px/44px;--t-figure:56px/60px;--t-body:17px/28px;--t-small:15px/24px;--t-caption:14px/22px;--t-tnum:16px;
}
:root[data-color="ga"]{
  --app:#0E0F1A;
  --s1:#161829;
  --s2:#1F2238;
  --s3:#272B45;
  --line:#2E3250;
  --line-strong:#6B7199;
  --hi:#F5F2EA;
  --mid:#BDB9CC;
  --low:#9A97B0;
  --signal:#F7B0C2;
  --on-signal:#1A0F1A;
  --select:#FDF6C8;
  --on-select:#14162B;
  --bar:#6A7096;
  --bar-dim:#3A3F60;
  --info:#7FD9D0;
  --err:#FF9C9C;
  --err-bg:#3A1622;
  --warn:#F2C96B;
  --warn-bg:#33280F;
  --ok:#86DDB0;
  --ok-bg:#0F2E22;
  --corr:#C9B2FF;
  --corr-bg:#251C40;
  --scene-sky-top:#0B0D1C;
  --scene-sky-mid:#2A1240;
  --scene-horizon:#B0306E;
  --scene-glow:#F7B0C2;
  --scene-window:#FDF6C8;
  --scene-floor:#08090F;
  --glass:rgba(22,24,41,0.96);
  --glass-line:rgba(247,176,194,0.28);
}
:root[data-color="na"],:root:not([data-color]){
  --app:#1C1422;
  --s1:#2A1B2E;
  --s2:#352338;
  --s3:#432C46;
  --line:#4A3242;
  --line-strong:#9A7890;
  --hi:#FFF1E6;
  --mid:#E6C9C2;
  --low:#C4A6AC;
  --signal:#FFB49A;
  --on-signal:#2A1220;
  --select:#FFE3B8;
  --on-select:#2A1220;
  --bar:#9A7C93;
  --bar-dim:#4E3A50;
  --info:#8FD6E0;
  --err:#FF9C9C;
  --err-bg:#4A1D2A;
  --warn:#F2C96B;
  --warn-bg:#3E2E14;
  --ok:#8FE0B6;
  --ok-bg:#173528;
  --corr:#D2BCFF;
  --corr-bg:#33264F;
  --scene-sky-top:#2B1B3A;
  --scene-sky-mid:#7A3550;
  --scene-horizon:#F08A5D;
  --scene-glow:#FFB49A;
  --scene-window:#FFE3B8;
  --scene-floor:#150F19;
  --glass:rgba(42,27,46,0.96);
  --glass-line:rgba(255,180,154,0.30);
}
:root[data-color="da"]{
  --app:#F6F1E6;
  --s1:#FFFFFF;
  --s2:#EFE8DA;
  --s3:#E4DBC9;
  --line:#DCD2BF;
  --line-strong:#857A66;
  --hi:#14162B;
  --mid:#45465E;
  --low:#5E5D73;
  --signal:#B0305C;
  --on-signal:#FFFFFF;
  --select:#24305E;
  --on-select:#FFFFFF;
  --bar:#7C7796;
  --bar-dim:#D6D1E0;
  --info:#0F6E78;
  --err:#B3261E;
  --err-bg:#FCE4E2;
  --warn:#7A5200;
  --warn-bg:#FBEFD0;
  --ok:#1B6B45;
  --ok-bg:#DDF2E6;
  --corr:#5B3FB3;
  --corr-bg:#ECE5FF;
  --scene-sky-top:#9CC7E6;
  --scene-sky-mid:#F3D9C4;
  --scene-horizon:#F7B0C2;
  --scene-glow:#FFFFFF;
  --scene-window:#24305E;
  --scene-floor:#E9E1D2;
  --glass:rgba(255,255,255,0.97);
  --glass-line:rgba(36,48,94,0.18);
}
:root[data-font="ga"],:root:not([data-font]){
  --font-display:"Pretendard Variable","Pretendard","Malgun Gothic","Apple SD Gothic Neo","Noto Sans CJK KR",sans-serif;
  --fw-display:800;
  --tr-display:-0.01em;
  --fs-display-scale:1.0;
}
:root[data-font="na"]{
  --font-display:"Black Han Sans","Pretendard Variable","Malgun Gothic",sans-serif;
  --fw-display:400;
  --tr-display:0;
  --fs-display-scale:0.96;
}
:root[data-font="da"]{
  --font-display:"Nanum Myeongjo","Batang",serif;
  --fw-display:800;
  --tr-display:-0.02em;
  --fs-display-scale:1.0;
}
@media (min-width:768px) and (max-width:1279px){:root{--t-display:34px/42px;--t-h1:26px/34px;--t-statement:21px/30px;--t-entry:30px/40px;--t-figure:48px/52px;--row:56px}}
@media (max-width:767px){:root{--t-display:30px/38px;--t-h1:24px/32px;--t-statement:19px/28px;--t-entry:26px/34px;--t-figure:44px/48px;--row:60px}}
:root[data-device="pos"]{--glass-blur:0px;--scene-blur-detail:0px;--scene-blur-dense:0px;--t-display:36px/44px;--t-h1:28px/36px;--t-statement:24px/34px;--t-entry:32px/42px;--t-figure:64px/68px;--t-body:20px/30px;--t-small:17px/26px;--t-caption:16px/24px;--t-tnum:20px;--row:68px;--btn:64px;--chip:56px}
.t-display{font:var(--fw-display) var(--t-display) var(--font-display);letter-spacing:var(--tr-display)}
.t-figure{font:var(--fw-display) var(--t-figure) var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap}
.num{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){:root{--glass-blur:0px;--scene-blur-detail:0px;--scene-blur-dense:0px}*{animation-duration:.01ms!important;transition-duration:120ms!important}}