/* CueTea design tokens — derived from Apple HIG (see design-system.md) */
:root{
  --font:-apple-system,BlinkMacSystemFont,system-ui,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --fs-large-title:34px;--lh-large-title:41px;
  --fs-title1:28px;--lh-title1:34px;
  --fs-title2:22px;--lh-title2:28px;
  --fs-title3:20px;--lh-title3:25px;
  --fs-headline:17px;--lh-headline:22px;
  --fs-body:17px;--lh-body:22px;
  --fs-callout:16px;--lh-callout:21px;
  --fs-subhead:15px;--lh-subhead:20px;
  --fs-footnote:13px;--lh-footnote:18px;
  --fs-caption1:12px;--lh-caption1:16px;
  --fs-caption2:11px;--lh-caption2:13px;
  --red:#FF383C;--orange:#FF8D28;--yellow:#FFCC00;--green:#34C759;--mint:#00C8B3;--teal:#00C3D0;
  --cyan:#00C0E8;--blue:#0088FF;--indigo:#6155F5;--purple:#CB30E0;--pink:#FF2D55;
  --bg:#FFFFFF;--bg2:#F2F2F7;--bg3:#FFFFFF;
  --label:#000;--label2:rgba(60,60,67,.6);--label3:rgba(60,60,67,.3);--sep:rgba(60,60,67,.18);
  --glass-fill:rgba(255,255,255,.55);--glass-fill-clear:rgba(255,255,255,.18);
  --glass-blur:blur(24px) saturate(180%);--glass-blur-clear:blur(12px) saturate(150%);
  --glass-rim:rgba(255,255,255,.7);
  --glass-spec:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(255,255,255,.12);
  --glass-shadow:0 10px 36px rgba(20,10,40,.18);
  --dim-clear:rgba(0,0,0,.35);
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-12:48px;
  --margin:16px;--tap:44px;
  --r-device:55px;--r-sheet:34px;--r-card:28px;--pad-card:12px;
  --r-inner:calc(var(--r-card) - var(--pad-card));--r-capsule:999px;
  --brand-a:#FF2D55;--brand-b:#CB30E0;--brand-c:#6155F5;--brand-d:#FF8D28;
  --grad:linear-gradient(135deg,var(--brand-d),var(--brand-a) 35%,var(--brand-b) 65%,var(--brand-c));
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){:root{
  --red:#FF4245;--orange:#FF9230;--yellow:#FFD600;--green:#30D158;--mint:#00DAC3;--teal:#00D2E0;
  --cyan:#3CD3FE;--blue:#0091FF;--indigo:#6D7CFF;--purple:#DB34F2;--pink:#FF375F;
  --bg:#000;--bg2:#1C1C1E;--bg3:#2C2C2E;
  --label:#FFF;--label2:rgba(235,235,245,.6);--label3:rgba(235,235,245,.3);--sep:rgba(84,84,88,.6);
  --glass-fill:rgba(30,28,36,.55);--glass-fill-clear:rgba(0,0,0,.18);--glass-rim:rgba(255,255,255,.22);
  --glass-spec:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.05);
  --glass-shadow:0 10px 36px rgba(0,0,0,.5);
}}
@media (prefers-contrast:more){:root{
  --red:#E9152D;--orange:#C55300;--green:#008932;--blue:#1E6EF4;--indigo:#564ADE;--purple:#B02FC2;--pink:#E7124D;
  --glass-fill:rgba(255,255,255,.92);--glass-rim:#000;}}
@media (prefers-reduced-transparency:reduce){:root{--glass-fill:var(--bg2);--glass-blur:none;--glass-blur-clear:none;}}
.glass{background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-rim);box-shadow:var(--glass-spec),var(--glass-shadow);}
.glass-clear{background:var(--glass-fill-clear);-webkit-backdrop-filter:var(--glass-blur-clear);backdrop-filter:var(--glass-blur-clear);
  border:1px solid var(--glass-rim);box-shadow:var(--glass-spec);}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Golden-ratio scale (phi = 1.618). Half-steps use sqrt(phi) = 1.272 */
:root{
  --phi:1.618;
  --t-xs:12px;  /* 16/1.272: Caption 1 */
  --t-sm:13px;  /* Footnote (Apple) */
  --t-base:16px;/* Callout: base */
  --t-md:20px;  /* 16×1.272: Title 3 */
  --t-lg:26px;  /* 16×φ (Title 2 22 ↔ Title 1 28) */
  --t-xl:42px;  /* 16×φ² */
  --t-2xl:54px; /* 42×1.272 */
  --t-3xl:68px; /* 16×φ³ */
  --lh-body-phi:1.618;--lh-head-phi:1.1;
  --s-1:5px;--s-2:8px;--s-3:13px;--s-4:21px;--s-5:34px;--s-6:55px;--s-7:89px;--s-8:144px;
  --col-major:1.618fr;--col-minor:1fr;  /* 61.8 / 38.2 */
  --ar-phi:1.618/1;--ar-phi-portrait:1/1.618;
}
/* ===== v2 brand ===== */
@font-face{font-family:"Inter";src:url("assets/fonts/InterVariable.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--brand-deep:#A9D11F;--ink:#111111;--paper:#F5F5F0;--card:#FFFFFF;
  --font-brand:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--line:rgba(17,17,17,.1)}
@media (prefers-color-scheme:dark){:root{--paper:#0B0B0B;--card:#1A1A1A;--line:rgba(255,255,255,.12)}}