/* NESTAIL design tokens — Apple 디자인 레퍼런스(DESIGN-apple.md) 기준
   · 포인트 색은 Action Blue 하나(#0066cc). 링크·버튼·포커스에만 씁니다.
   · 바탕은 흰색 ↔ 파치먼트(#f5f5f7) ↔ 짙은 타일(#272729)을 번갈아 씁니다.
   · 변수 이름(--ember, --moss 등)은 편집실 저장본과 호환되도록 그대로 두고 값만 바꿨습니다. */
:root{
  --ink:#1d1d1f;--ink-2:#424245;--ink-3:#6e6e73;
  --paper:#ffffff;--surface:#ffffff;--linen:#f5f5f7;--pearl:#fafafc;
  --line:#e0e0e0;--line-strong:#d2d2d7;
  --ember:#0066cc;--ember-hover:#0077ed;--ember-strong:#0077ed;--ember-soft:#e8f2fc;--ember-text:#0066cc;
  --moss:#1d1d1f;--moss-strong:#424245;--moss-soft:#f5f5f7;--moss-text:#1d1d1f;
  --slab:#272729;--slab-2:#333336;--slab-3:#252527;--slab-text:#f5f5f7;--slab-muted:#a1a1a6;--sky:#2997ff;
  --on-accent:#ffffff;
  --ok:#248a3d;--ok-soft:#e9f6ec;--warn:#b25000;--warn-soft:#fff4e5;--bad:#d70015;--bad-soft:#fdecee;--info:#0066cc;--info-soft:#e8f2fc;
  --focus:#0071e3;
  --shadow:0 0 0 1px rgba(0,0,0,.06);
  --shadow-product:3px 5px 30px 0 rgba(0,0,0,.22);
  --font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,"Helvetica Neue",sans-serif;
  --font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,"Helvetica Neue",sans-serif;
  --font-mono:var(--font-sans);
  --r-xs:5px;--r-sm:8px;--r-md:11px;--r-lg:18px;--r-pill:9999px;
  --sp-xxs:4px;--sp-xs:8px;--sp-sm:12px;--sp-md:17px;--sp-lg:24px;--sp-xl:32px;--sp-xxl:48px;--sp-section:80px;
  --track-tight:-.022em;--track-display:-.015em;
  color-scheme:light
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  --ink:#f5f5f7;--ink-2:#d2d2d7;--ink-3:#a1a1a6;
  --paper:#000000;--surface:#1d1d1f;--linen:#161617;--pearl:#2a2a2c;
  --line:#333336;--line-strong:#424245;
  --ember:#2997ff;--ember-hover:#47a6ff;--ember-strong:#47a6ff;--ember-soft:#0b2540;--ember-text:#2997ff;
  --moss:#f5f5f7;--moss-strong:#d2d2d7;--moss-soft:#1d1d1f;--moss-text:#f5f5f7;
  --slab:#1d1d1f;--slab-2:#2a2a2c;--slab-3:#161617;--slab-text:#f5f5f7;--slab-muted:#a1a1a6;
  --on-accent:#ffffff;
  --ok:#30d158;--ok-soft:#0f2a17;--warn:#ff9f0a;--warn-soft:#33240a;--bad:#ff453a;--bad-soft:#3a1412;--info:#2997ff;--info-soft:#0b2540;
  --focus:#2997ff;--shadow:0 0 0 1px rgba(255,255,255,.08);
  color-scheme:dark
}}
:root[data-theme=dark]{
  --ink:#f5f5f7;--ink-2:#d2d2d7;--ink-3:#a1a1a6;
  --paper:#000000;--surface:#1d1d1f;--linen:#161617;--pearl:#2a2a2c;
  --line:#333336;--line-strong:#424245;
  --ember:#2997ff;--ember-hover:#47a6ff;--ember-strong:#47a6ff;--ember-soft:#0b2540;--ember-text:#2997ff;
  --moss:#f5f5f7;--moss-strong:#d2d2d7;--moss-soft:#1d1d1f;--moss-text:#f5f5f7;
  --slab:#1d1d1f;--slab-2:#2a2a2c;--slab-3:#161617;--slab-text:#f5f5f7;--slab-muted:#a1a1a6;
  --on-accent:#ffffff;
  --ok:#30d158;--ok-soft:#0f2a17;--warn:#ff9f0a;--warn-soft:#33240a;--bad:#ff453a;--bad-soft:#3a1412;--info:#2997ff;--info-soft:#0b2540;
  --focus:#2997ff;--shadow:0 0 0 1px rgba(255,255,255,.08);
  color-scheme:dark
}
*,::after,::before{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:17px;line-height:1.47;letter-spacing:var(--track-tight);word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}