:root{color-scheme:light;--brand-yellow:#ffc900;--brand-amber:#ffa700;--yellow-section:#fff9d1;--yellow-cream:#ffeecf;--yellow-light:#fff39f;--yellow-hover:#ffe78e;--gold:#be9e25;--gold-1:#be9e25;--gold-2:#746200;--gold-3:#c79a46;--gold-muted:#947400;--olive-deep:#413300;--surface-page:#f1f0ee;--surface-paper:#fafaf8;--surface-card:#ffffff;--thumb-bg:linear-gradient(180deg,#eceae6,#e3e1dc);--ink:#1f1f1f;--ink-soft:#272624;--ink-deep:#000000;--ink-muted:#504e4e;--ink-on-dark:#fafaf8;--line-hair:rgba(31,31,31,0.07);--line-soft:rgba(31,31,31,0.13);--line-dot:rgba(31,31,31,0.18);--line-glass:rgba(255,255,255,0.08);--line-on-dark:rgba(255,255,255,0.16);--ok:#2f7d32;--ok-bg:#e4f3df;--warn:#b26a00;--warn-bg:#fdecd2;--danger:#9b2226;--danger-bg:#fdecea;--info:#1f4e79;--info-bg:#e3edf9;--ok-ink:#ffffff;--ok-hover:#276a2a;--ok-fill:#2f7d32;--ok-fill-hover:#276a2a;--ok-bg-hover:#d6eccf;--danger-ink:#ffffff;--danger-hover:#7d1b1f;--danger-fill:#9b2226;--danger-fill-hover:#7d1b1f;--danger-bg-hover:#f9d9d6;--ok-lit:#7bc47f;--warn-lit:#e8a04b;--danger-lit:#e5675f;--info-lit:#7fa6d9;--viz-1:#ffc900;--viz-2:#c79a46;--viz-3:#1f1f1f;--viz-4:#1f4e79;--viz-5:#be9e25;--viz-6:#947400;--radius:12px;--radius-lg:16px;--radius-card:20px;--radius-panel:24px;--radius-hero:28px;--radius-pill:999px;--shadow-hairline:0 0 0 1px rgba(31,31,31,0.06);--shadow-card:0 1px 0 rgba(31,31,31,0.04),0 1px 2px rgba(31,31,31,0.04),0 4px 12px -4px rgba(31,31,31,0.06);--shadow-panel:0 1px 0 rgba(31,31,31,0.04),0 2px 6px rgba(31,31,31,0.04),0 24px 48px -16px rgba(31,31,31,0.1);--shadow-float:0 24px 64px -24px rgba(0,0,0,0.32),0 8px 24px -8px rgba(0,0,0,0.16);--shadow-glow:0 0 0 1px rgba(255,201,0,0.32),0 8px 24px -8px rgba(255,201,0,0.32);--ease-standard:cubic-bezier(0.2,0,0,1);--ease-emphasized:cubic-bezier(0.3,0,0,1);--ease-exit:cubic-bezier(0.4,0,1,1);--header-h:68px;--font:var(--font-manrope),"Manrope",system-ui,-apple-system,sans-serif;--font-display:var(--font-poppins),"Poppins",system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;--canvas-base:#f1f0ec;--canvas-image:radial-gradient(90% 70% at 88% 100%,rgba(255,201,0,0.26) 0%,transparent 62%),radial-gradient(70% 55% at 8% 92%,rgba(255,220,110,0.18) 0%,transparent 58%),radial-gradient(60% 45% at 70% -5%,rgba(214,216,222,0.5) 0%,transparent 60%),linear-gradient(168deg,#f2f2f1,#f3efe3 52%,#f9efc8);--fill-inverse:#1f1f1f;--fill-inverse-hover:#272624;--fill-inverse-ink:#fafaf8;--ink-on-accent:#1f1f1f;--ink-faint:rgba(31,31,31,0.28);--ink-done:rgba(80,78,78,0.75);--ink-placeholder:rgba(80,78,78,0.62);--film-strong:rgba(255,255,255,0.86);--film:rgba(255,255,255,0.68);--film-soft:rgba(255,255,255,0.55);--film-faint:rgba(255,255,255,0.3);--film-dim:rgba(255,255,255,0.24);--film-solid:#ffffff;--wash:rgba(31,31,31,0.05);--wash-strong:rgba(31,31,31,0.07);--wash-faint:rgba(31,31,31,0.025);--wash-on-inverse:rgba(255,255,255,0.22);--track:rgba(31,31,31,0.16);--track-hover:rgba(31,31,31,0.24);--knob:#ffffff;--line-dash:rgba(31,31,31,0.16);--line-dash-strong:rgba(31,31,31,0.2);--hatch-ink:rgba(31,31,31,0.1);--rail-idle:rgba(31,31,31,0.09);--rail-done:rgba(31,31,31,0.38);--rail-hatch:rgba(31,31,31,0.22);--glass-bg:rgba(255,255,255,0.58);--glass-shadow:inset 0 1px 0 rgba(255,255,255,0.75),inset 0 0 0 1px rgba(255,255,255,0.35),0 1px 2px rgba(31,31,31,0.03),0 16px 40px -20px rgba(31,31,31,0.18);--glass-strong-bg:rgba(255,255,255,0.78);--glass-strong-shadow:inset 0 1px 0 rgba(255,255,255,0.85),inset 0 0 0 1px rgba(255,255,255,0.4),0 1px 2px rgba(31,31,31,0.03),0 16px 40px -20px rgba(31,31,31,0.16);--glass-menu-bg:rgba(255,255,255,0.9);--glass-menu-shadow:inset 0 1px 0 rgba(255,255,255,0.9),inset 0 0 0 1px rgba(255,255,255,0.45),0 2px 6px rgba(31,31,31,0.05),0 24px 56px -24px rgba(31,31,31,0.28);--card-tint-bg:linear-gradient(180deg,rgba(255,246,215,0.85),rgba(255,240,190,0.75));--card-tint-shadow:inset 0 1px 0 rgba(255,255,255,0.6),0 12px 32px -18px rgba(180,140,0,0.25);--card-dark-bg:linear-gradient(180deg,#2a2a28,#232321);--card-dark-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 24px 48px -24px rgba(0,0,0,0.45);--card-dark-shadow-hover:inset 0 1px 0 rgba(255,255,255,0.1),0 30px 60px -28px rgba(0,0,0,0.55);--card-yellow-bg:linear-gradient(180deg,#ffd23b,#ffc900);--card-yellow-shadow:inset 0 1px 0 rgba(255,255,255,0.45),0 16px 36px -18px rgba(255,201,0,0.55);--card-yellow-shadow-hover:inset 0 1px 0 rgba(255,255,255,0.55),0 22px 44px -18px rgba(255,201,0,0.6);--drawer-bg:linear-gradient(180deg,rgba(30,30,28,0.82),rgba(23,23,21,0.88));--drawer-shadow:inset 0 1px 0 rgba(255,255,255,0.09),inset 1px 0 0 rgba(255,255,255,0.06),-32px 0 80px -32px rgba(0,0,0,0.55);--drawer-glow:rgba(255,201,0,0.1);--backdrop:rgba(20,20,19,0.5);--shadow-elev:0 0 0 1px var(--line-hair),0 1px 2px rgba(31,31,31,0.04),0 8px 24px -12px rgba(31,31,31,0.1);--shadow-lift:inset 0 1px 0 rgba(255,255,255,0.8),0 0 0 1px rgba(31,31,31,0.08),0 2px 4px rgba(31,31,31,0.04),0 18px 44px -16px rgba(31,31,31,0.18);--shadow-ind:0 6px 18px -8px rgba(31,31,31,0.5);--shadow-soft:0 1px 2px rgba(31,31,31,0.04);--focus-ring:rgba(255,167,0,0.18);--focus-ring-strong:rgba(255,167,0,0.28);--accent-wash:rgba(255,201,0,0.1);--accent-blob:rgba(255,201,0,0.07);--accent-edge:rgba(255,167,0,0.42);--accent-halo:0 4px 16px -4px rgba(255,201,0,0.65),inset 0 1px 0 rgba(255,255,255,0.5);--accent-pulse:rgba(255,167,0,0.5);--rail-current-glow:0 2px 10px -3px rgba(255,201,0,0.9);--alert-bg:rgba(255,255,255,0.66);--alert-ok-bg:rgba(228,243,223,0.72);--alert-ok-edge:rgba(47,125,50,0.14);--alert-warn-bg:rgba(253,236,210,0.78);--alert-warn-edge:rgba(178,106,0,0.16);--alert-danger-bg:rgba(253,236,234,0.82);--alert-danger-edge:rgba(155,34,38,0.16);--alert-info-bg:rgba(227,237,249,0.78);--alert-info-edge:rgba(31,78,121,0.14);--header-veil:linear-gradient(180deg,rgba(247,246,242,0.72) 0%,rgba(247,246,242,0.54) 28%,rgba(247,246,242,0.34) 52%,rgba(247,246,242,0.16) 74%,rgba(247,246,242,0.04) 90%,rgba(247,246,242,0));--pill-bg:linear-gradient(115deg,rgba(255,255,255,0.92),rgba(255,255,255,0.4) 52%,rgba(255,255,255,0.05));--pill-shadow:inset 0 0 0 1px rgba(255,255,255,0.55),0 1px 2px rgba(31,31,31,0.05);--grad-gold:linear-gradient(130deg,#be9e25,#613f00);--grad-on-dark:linear-gradient(220deg,#ffe9b5,#ffc900 50%,#c79a46);--grad-glow:rgba(255,201,0,0.25)}:root[data-theme=dark]{color-scheme:dark;--brand-yellow:#e9bb35;--brand-amber:#d9a02a;--yellow-section:rgba(233,187,53,0.12);--yellow-cream:rgba(233,187,53,0.16);--yellow-light:#f0d98a;--yellow-hover:#f3c94f;--gold:#d2b352;--gold-1:#d2b352;--gold-2:#a8903a;--gold-3:#dcb572;--gold-muted:#d7b458;--olive-deep:#efdcaa;--surface-page:#201d18;--surface-paper:#262219;--surface-card:#272420;--thumb-bg:linear-gradient(180deg,#2c2922,#24211b);--ink:#f4f1ea;--ink-soft:#e6e2d9;--ink-deep:#ffffff;--ink-muted:#b4aea3;--line-hair:rgba(255,255,255,0.09);--line-soft:rgba(255,255,255,0.15);--line-dot:rgba(255,255,255,0.22);--ok:#7fc784;--ok-bg:rgba(127,199,132,0.14);--ok-ink:#eaf7ea;--ok-hover:#96d49a;--ok-fill:#2f6b34;--ok-fill-hover:#387a3e;--ok-bg-hover:rgba(127,199,132,0.22);--warn:#eda85a;--warn-bg:rgba(237,168,90,0.14);--danger:#f0938b;--danger-bg:rgba(240,147,139,0.11);--danger-ink:#fdeceb;--danger-hover:#f6ada6;--danger-fill:#8c3a34;--danger-fill-hover:#a3453e;--danger-bg-hover:rgba(240,147,139,0.2);--info:#9cbde4;--info-bg:rgba(156,189,228,0.14);--viz-1:#e9bb35;--viz-2:#dcb572;--viz-3:#f0ede6;--viz-4:#8fb4de;--viz-5:#d2b352;--viz-6:#d7b458;--shadow-hairline:0 0 0 1px rgba(255,255,255,0.09);--shadow-card:0 1px 2px rgba(0,0,0,0.3),0 4px 12px -4px rgba(0,0,0,0.4);--shadow-panel:0 2px 6px rgba(0,0,0,0.3),0 24px 48px -16px rgba(0,0,0,0.5);--shadow-float:0 24px 64px -24px rgba(0,0,0,0.7),0 8px 24px -8px rgba(0,0,0,0.45);--shadow-glow:0 0 0 1px rgba(233,187,53,0.3),0 8px 24px -10px rgba(0,0,0,0.5);--canvas-base:#191713;--canvas-image:radial-gradient(90% 70% at 88% 100%,rgba(233,187,53,0.1) 0%,transparent 62%),radial-gradient(70% 55% at 8% 92%,rgba(214,170,90,0.06) 0%,transparent 58%),radial-gradient(60% 45% at 70% -5%,rgba(150,156,170,0.09) 0%,transparent 60%),linear-gradient(168deg,#1b1916,#1e1b16 52%,#26200f);--fill-inverse:#f2efe8;--fill-inverse-hover:#ffffff;--fill-inverse-ink:#1b1915;--ink-on-accent:#23190a;--ink-faint:rgba(244,241,234,0.3);--ink-done:rgba(180,174,163,0.72);--ink-placeholder:rgba(180,174,163,0.62);--film-strong:rgba(255,255,255,0.1);--film:rgba(255,255,255,0.07);--film-soft:rgba(255,255,255,0.05);--film-faint:rgba(255,255,255,0.025);--film-dim:rgba(255,255,255,0.015);--film-solid:rgba(255,255,255,0.14);--wash:rgba(255,255,255,0.07);--wash-strong:rgba(255,255,255,0.11);--wash-faint:rgba(255,255,255,0.035);--wash-on-inverse:rgba(27,25,21,0.14);--track:rgba(255,255,255,0.16);--track-hover:rgba(255,255,255,0.24);--knob:#f2efe8;--line-dash:rgba(255,255,255,0.18);--line-dash-strong:rgba(255,255,255,0.24);--hatch-ink:rgba(255,255,255,0.13);--rail-idle:rgba(255,255,255,0.1);--rail-done:rgba(255,255,255,0.34);--rail-hatch:rgba(255,255,255,0.22);--glass-bg:rgba(64,60,52,0.5);--glass-shadow:inset 0 1px 0 rgba(255,255,255,0.07),inset 0 0 0 1px rgba(255,255,255,0.09),0 12px 32px -22px rgba(0,0,0,0.7);--glass-strong-bg:rgba(70,65,56,0.62);--glass-strong-shadow:inset 0 1px 0 rgba(255,255,255,0.08),inset 0 0 0 1px rgba(255,255,255,0.11),0 12px 32px -22px rgba(0,0,0,0.7);--glass-menu-bg:rgba(52,48,42,0.94);--glass-menu-shadow:inset 0 1px 0 rgba(255,255,255,0.09),inset 0 0 0 1px rgba(255,255,255,0.13),0 24px 56px -28px rgba(0,0,0,0.85);--card-tint-bg:linear-gradient(180deg,rgba(233,187,53,0.16),rgba(216,168,40,0.1));--card-tint-shadow:inset 0 0 0 1px rgba(233,187,53,0.2),0 12px 32px -24px rgba(0,0,0,0.6);--card-dark-bg:linear-gradient(180deg,#3b362e,#302c25);--card-dark-shadow:inset 0 0 0 1px rgba(255,255,255,0.1),0 20px 40px -28px rgba(0,0,0,0.75);--card-dark-shadow-hover:inset 0 0 0 1px rgba(255,255,255,0.16),0 26px 52px -30px rgba(0,0,0,0.85);--card-yellow-bg:linear-gradient(180deg,#e7c04a,#d9ad28);--card-yellow-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 16px 36px -22px rgba(0,0,0,0.7);--card-yellow-shadow-hover:inset 0 1px 0 rgba(255,255,255,0.4),0 20px 40px -22px rgba(0,0,0,0.8);--drawer-bg:linear-gradient(180deg,rgba(56,52,45,0.9),rgba(44,41,35,0.94));--drawer-shadow:inset 0 1px 0 rgba(255,255,255,0.1),inset 1px 0 0 rgba(255,255,255,0.1),-32px 0 80px -40px rgba(0,0,0,0.8);--drawer-glow:rgba(233,187,53,0.07);--backdrop:rgba(8,7,6,0.62);--shadow-elev:0 0 0 1px var(--line-hair),0 8px 24px -16px rgba(0,0,0,0.6);--shadow-lift:inset 0 1px 0 rgba(255,255,255,0.09),0 0 0 1px rgba(255,255,255,0.14),0 18px 44px -22px rgba(0,0,0,0.75);--shadow-ind:0 6px 18px -10px rgba(0,0,0,0.7);--shadow-soft:0 1px 2px rgba(0,0,0,0.35);--focus-ring:rgba(233,187,53,0.28);--focus-ring-strong:rgba(233,187,53,0.38);--accent-wash:rgba(233,187,53,0.16);--accent-blob:rgba(233,187,53,0.09);--accent-edge:rgba(233,187,53,0.42);--accent-halo:0 4px 14px -6px rgba(233,187,53,0.4),inset 0 1px 0 rgba(255,255,255,0.25);--accent-pulse:rgba(233,187,53,0.5);--rail-current-glow:0 2px 8px -4px rgba(233,187,53,0.55);--alert-bg:rgba(255,255,255,0.06);--alert-ok-bg:rgba(127,199,132,0.1);--alert-ok-edge:rgba(127,199,132,0.22);--alert-warn-bg:rgba(237,168,90,0.1);--alert-warn-edge:rgba(237,168,90,0.22);--alert-danger-bg:rgba(240,147,139,0.1);--alert-danger-edge:rgba(240,147,139,0.26);--alert-info-bg:rgba(156,189,228,0.1);--alert-info-edge:rgba(156,189,228,0.22);--header-veil:linear-gradient(180deg,rgba(20,18,15,0.82) 0%,rgba(20,18,15,0.62) 28%,rgba(20,18,15,0.4) 52%,rgba(20,18,15,0.18) 74%,rgba(20,18,15,0.05) 90%,rgba(20,18,15,0));--pill-bg:linear-gradient(115deg,rgba(255,255,255,0.1),rgba(255,255,255,0.045) 52%,rgba(255,255,255,0.01));--pill-shadow:inset 0 0 0 1px rgba(255,255,255,0.12),0 1px 2px rgba(0,0,0,0.4);--grad-gold:linear-gradient(130deg,#f2d78b,#c79a46);--grad-on-dark:linear-gradient(220deg,#ffe9b5,#e9bb35 50%,#c79a46);--grad-glow:rgba(233,187,53,0.14)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--brand-yellow:#e9bb35;--brand-amber:#d9a02a;--yellow-section:rgba(233,187,53,0.12);--yellow-cream:rgba(233,187,53,0.16);--yellow-light:#f0d98a;--yellow-hover:#f3c94f;--gold:#d2b352;--gold-1:#d2b352;--gold-2:#a8903a;--gold-3:#dcb572;--gold-muted:#d7b458;--olive-deep:#efdcaa;--surface-page:#201d18;--surface-paper:#262219;--surface-card:#272420;--thumb-bg:linear-gradient(180deg,#2c2922,#24211b);--ink:#f4f1ea;--ink-soft:#e6e2d9;--ink-deep:#ffffff;--ink-muted:#b4aea3;--line-hair:rgba(255,255,255,0.09);--line-soft:rgba(255,255,255,0.15);--line-dot:rgba(255,255,255,0.22);--ok:#7fc784;--ok-bg:rgba(127,199,132,0.14);--ok-ink:#eaf7ea;--ok-hover:#96d49a;--ok-fill:#2f6b34;--ok-fill-hover:#387a3e;--ok-bg-hover:rgba(127,199,132,0.22);--warn:#eda85a;--warn-bg:rgba(237,168,90,0.14);--danger:#f0938b;--danger-bg:rgba(240,147,139,0.11);--danger-ink:#fdeceb;--danger-hover:#f6ada6;--danger-fill:#8c3a34;--danger-fill-hover:#a3453e;--danger-bg-hover:rgba(240,147,139,0.2);--info:#9cbde4;--info-bg:rgba(156,189,228,0.14);--viz-1:#e9bb35;--viz-2:#dcb572;--viz-3:#f0ede6;--viz-4:#8fb4de;--viz-5:#d2b352;--viz-6:#d7b458;--shadow-hairline:0 0 0 1px rgba(255,255,255,0.09);--shadow-card:0 1px 2px rgba(0,0,0,0.3),0 4px 12px -4px rgba(0,0,0,0.4);--shadow-panel:0 2px 6px rgba(0,0,0,0.3),0 24px 48px -16px rgba(0,0,0,0.5);--shadow-float:0 24px 64px -24px rgba(0,0,0,0.7),0 8px 24px -8px rgba(0,0,0,0.45);--shadow-glow:0 0 0 1px rgba(233,187,53,0.3),0 8px 24px -10px rgba(0,0,0,0.5);--canvas-base:#191713;--canvas-image:radial-gradient(90% 70% at 88% 100%,rgba(233,187,53,0.1) 0%,transparent 62%),radial-gradient(70% 55% at 8% 92%,rgba(214,170,90,0.06) 0%,transparent 58%),radial-gradient(60% 45% at 70% -5%,rgba(150,156,170,0.09) 0%,transparent 60%),linear-gradient(168deg,#1b1916,#1e1b16 52%,#26200f);--fill-inverse:#f2efe8;--fill-inverse-hover:#ffffff;--fill-inverse-ink:#1b1915;--ink-on-accent:#23190a;--ink-faint:rgba(244,241,234,0.3);--ink-done:rgba(180,174,163,0.72);--ink-placeholder:rgba(180,174,163,0.62);--film-strong:rgba(255,255,255,0.1);--film:rgba(255,255,255,0.07);--film-soft:rgba(255,255,255,0.05);--film-faint:rgba(255,255,255,0.025);--film-dim:rgba(255,255,255,0.015);--film-solid:rgba(255,255,255,0.14);--wash:rgba(255,255,255,0.07);--wash-strong:rgba(255,255,255,0.11);--wash-faint:rgba(255,255,255,0.035);--wash-on-inverse:rgba(27,25,21,0.14);--track:rgba(255,255,255,0.16);--track-hover:rgba(255,255,255,0.24);--knob:#f2efe8;--line-dash:rgba(255,255,255,0.18);--line-dash-strong:rgba(255,255,255,0.24);--hatch-ink:rgba(255,255,255,0.13);--rail-idle:rgba(255,255,255,0.1);--rail-done:rgba(255,255,255,0.34);--rail-hatch:rgba(255,255,255,0.22);--glass-bg:rgba(64,60,52,0.5);--glass-shadow:inset 0 1px 0 rgba(255,255,255,0.07),inset 0 0 0 1px rgba(255,255,255,0.09),0 12px 32px -22px rgba(0,0,0,0.7);--glass-strong-bg:rgba(70,65,56,0.62);--glass-strong-shadow:inset 0 1px 0 rgba(255,255,255,0.08),inset 0 0 0 1px rgba(255,255,255,0.11),0 12px 32px -22px rgba(0,0,0,0.7);--glass-menu-bg:rgba(52,48,42,0.94);--glass-menu-shadow:inset 0 1px 0 rgba(255,255,255,0.09),inset 0 0 0 1px rgba(255,255,255,0.13),0 24px 56px -28px rgba(0,0,0,0.85);--card-tint-bg:linear-gradient(180deg,rgba(233,187,53,0.16),rgba(216,168,40,0.1));--card-tint-shadow:inset 0 0 0 1px rgba(233,187,53,0.2),0 12px 32px -24px rgba(0,0,0,0.6);--card-dark-bg:linear-gradient(180deg,#3b362e,#302c25);--card-dark-shadow:inset 0 0 0 1px rgba(255,255,255,0.1),0 20px 40px -28px rgba(0,0,0,0.75);--card-dark-shadow-hover:inset 0 0 0 1px rgba(255,255,255,0.16),0 26px 52px -30px rgba(0,0,0,0.85);--card-yellow-bg:linear-gradient(180deg,#e7c04a,#d9ad28);--card-yellow-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 16px 36px -22px rgba(0,0,0,0.7);--card-yellow-shadow-hover:inset 0 1px 0 rgba(255,255,255,0.4),0 20px 40px -22px rgba(0,0,0,0.8);--drawer-bg:linear-gradient(180deg,rgba(56,52,45,0.9),rgba(44,41,35,0.94));--drawer-shadow:inset 0 1px 0 rgba(255,255,255,0.1),inset 1px 0 0 rgba(255,255,255,0.1),-32px 0 80px -40px rgba(0,0,0,0.8);--drawer-glow:rgba(233,187,53,0.07);--backdrop:rgba(8,7,6,0.62);--shadow-elev:0 0 0 1px var(--line-hair),0 8px 24px -16px rgba(0,0,0,0.6);--shadow-lift:inset 0 1px 0 rgba(255,255,255,0.09),0 0 0 1px rgba(255,255,255,0.14),0 18px 44px -22px rgba(0,0,0,0.75);--shadow-ind:0 6px 18px -10px rgba(0,0,0,0.7);--shadow-soft:0 1px 2px rgba(0,0,0,0.35);--focus-ring:rgba(233,187,53,0.28);--focus-ring-strong:rgba(233,187,53,0.38);--accent-wash:rgba(233,187,53,0.16);--accent-blob:rgba(233,187,53,0.09);--accent-edge:rgba(233,187,53,0.42);--accent-halo:0 4px 14px -6px rgba(233,187,53,0.4),inset 0 1px 0 rgba(255,255,255,0.25);--accent-pulse:rgba(233,187,53,0.5);--rail-current-glow:0 2px 8px -4px rgba(233,187,53,0.55);--alert-bg:rgba(255,255,255,0.06);--alert-ok-bg:rgba(127,199,132,0.1);--alert-ok-edge:rgba(127,199,132,0.22);--alert-warn-bg:rgba(237,168,90,0.1);--alert-warn-edge:rgba(237,168,90,0.22);--alert-danger-bg:rgba(240,147,139,0.1);--alert-danger-edge:rgba(240,147,139,0.26);--alert-info-bg:rgba(156,189,228,0.1);--alert-info-edge:rgba(156,189,228,0.22);--header-veil:linear-gradient(180deg,rgba(20,18,15,0.82) 0%,rgba(20,18,15,0.62) 28%,rgba(20,18,15,0.4) 52%,rgba(20,18,15,0.18) 74%,rgba(20,18,15,0.05) 90%,rgba(20,18,15,0));--pill-bg:linear-gradient(115deg,rgba(255,255,255,0.1),rgba(255,255,255,0.045) 52%,rgba(255,255,255,0.01));--pill-shadow:inset 0 0 0 1px rgba(255,255,255,0.12),0 1px 2px rgba(0,0,0,0.4);--grad-gold:linear-gradient(130deg,#f2d78b,#c79a46);--grad-on-dark:linear-gradient(220deg,#ffe9b5,#e9bb35 50%,#c79a46);--grad-glow:rgba(233,187,53,0.14)}}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:var(--ink);line-height:1.5}body{min-height:100vh;min-height:100dvh}::selection{background:var(--brand-yellow);color:var(--ink-on-accent)}.bg-canvas-warm,body{background-color:var(--canvas-base);background-image:var(--canvas-image);background-attachment:fixed}h1,h2,h3,h4{margin:0 0 .4em;line-height:1.2;letter-spacing:-.01em}h1{font-family:var(--font-display);font-size:1.6rem;font-weight:500}h2{font-size:1.05rem}h2,h3{font-weight:700}h3{font-size:.95rem}h4{font-size:.88rem;font-weight:700}p{margin:0 0 .6em}a{color:var(--ink);text-decoration:none}strong{font-weight:700}hr{border:none;border-top:1px dotted var(--line-dot);margin:16px 0}small{color:var(--ink-muted)}code{font-family:var(--font-mono);font-size:.88em}:where(a,button,[role=button],summary,[tabindex]):focus-visible{outline:2px solid var(--brand-yellow);outline-offset:2px}label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.005em;color:var(--ink-soft)}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{width:100%;min-height:44px;padding:10px 16px;margin-top:6px;font:inherit;color:var(--ink);background:var(--film-strong);border:none;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--line-soft);outline:none;transition:box-shadow .15s var(--ease-standard),background .15s var(--ease-standard)}input:not([type=checkbox]):not([type=radio]):not([type=file]):hover,select:hover,textarea:hover{background:var(--film-solid)}input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,select:focus,textarea:focus{background:var(--film-solid);box-shadow:inset 0 0 0 1px var(--brand-amber),0 0 0 3px var(--focus-ring)}input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}::placeholder{color:var(--ink-placeholder)}textarea{line-height:1.55;border-radius:var(--radius-lg)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-amber)}button{font:inherit;font-weight:600;padding:10px 18px;border:1px solid transparent;border-radius:var(--radius-pill);background:var(--fill-inverse);color:var(--fill-inverse-ink);cursor:pointer;transition:background .15s var(--ease-standard),transform 60ms linear,box-shadow .15s var(--ease-standard),opacity .15s linear}button:hover{background:var(--fill-inverse-hover)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button:disabled:active{transform:none}.btn-primary{background:var(--brand-yellow);color:var(--ink-on-accent)}.btn-primary:hover{background:var(--yellow-hover)}.btn-ghost{background:var(--film);color:var(--ink);border-color:transparent;box-shadow:inset 0 0 0 1px var(--line-soft)}.btn-ghost:hover{background:var(--film-solid);box-shadow:inset 0 0 0 1px var(--line-dot)}.btn-danger{background:var(--danger-fill);color:var(--danger-ink)}.btn-danger:hover{background:var(--danger-fill-hover)}.btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-pill);padding:10px 18px;line-height:1.25;font-weight:600;border:1px solid transparent;text-align:center;min-height:44px}.btn-pill svg{width:16px;height:16px;flex:0 0 auto}.btn-pill.btn-sm{padding:8px 14px;font-size:.88rem}.btn-pill.on-dark{background:rgba(255,255,255,.08);color:var(--ink-on-dark);border-color:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.btn-pill.on-dark:hover{background:rgba(255,255,255,.16)}.btn-pill.btn-ok-soft{background:var(--ok-bg);color:var(--ok)}.btn-pill.btn-ok-soft:hover{background:var(--ok-bg-hover)}.btn-pill.btn-danger-soft{background:var(--danger-bg);color:var(--danger)}.btn-pill.btn-danger-soft:hover{background:var(--danger-bg-hover)}.btn-pill.btn-success{background:var(--ok-fill);color:var(--ok-ink)}.btn-pill.btn-success:hover{background:var(--ok-fill-hover)}.btn-icon{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border-radius:var(--radius-pill);background:var(--film);color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--line-soft);transition:background .18s var(--ease-standard),color .18s var(--ease-standard),transform .18s var(--ease-emphasized)}.btn-icon:hover{background:var(--fill-inverse);color:var(--fill-inverse-ink);transform:scale(1.06)}.btn-icon:active{transform:scale(.94)}.stat-card{position:relative;color:inherit}.stat-arrow{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-pill);color:var(--ink-muted);background:var(--wash);transition:background .2s var(--ease-standard),color .2s var(--ease-standard),transform .2s var(--ease-emphasized)}.stat-card:hover .stat-arrow{background:var(--fill-inverse);color:var(--fill-inverse-ink);transform:translate(1px,-1px)}.card-dark .stat-arrow{background:rgba(255,255,255,.12);color:var(--ink-on-dark)}.card-dark:hover .stat-arrow{background:var(--brand-yellow);color:var(--ink-on-accent)}.btn-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}@media (max-width:520px){.btn-row{flex-direction:column;align-items:stretch}.btn-row>.btn-pill,.btn-row>button{width:100%}}.font-display{font-family:var(--font-display)}.display-hero{font-size:clamp(28px,3vw,36px);line-height:1.1;letter-spacing:-.022em}.display-hero,.display-title{font-family:var(--font-display);font-weight:500;margin:0}.display-title{font-size:clamp(23px,5vw,30px);line-height:1.15;letter-spacing:-.015em}.display-num-lg{font-size:60px;line-height:1;letter-spacing:-.025em}.display-num,.display-num-lg{font-family:var(--font-display);font-weight:500}.display-num{font-size:42px;line-height:1.05;letter-spacing:-.02em}.display-num-sm{font-size:28px;line-height:1.1;letter-spacing:-.015em}.card-title,.display-num-sm{font-family:var(--font-display);font-weight:500}.card-title{font-size:16px;letter-spacing:-.01em;line-height:1.25;margin:0}.label-sm{font-size:12px;font-weight:500;color:var(--ink-muted)}.num-tabular{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum","lnum",tabular-nums lining-nums}.text-balance{text-wrap:balance}.muted,.prose{color:var(--ink-muted)}.prose{margin:0;max-width:68ch;font-size:.9rem;line-height:1.6}.prose code{padding:1px 5px;border-radius:5px;background:var(--wash-strong)}.prose strong{color:var(--ink)}.text-grad-on-dark{background:var(--grad-on-dark);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 12px var(--grad-glow))}.text-grad-gold,.text-grad-on-dark{color:transparent;-webkit-text-fill-color:transparent}.text-grad-gold{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text}.stack{display:flex;flex-direction:column;gap:12px}.between,.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.spacer{flex:1 1}.container{max-width:980px}.container,.container-wide{margin:0 auto;padding:26px 24px 72px}.container-wide{max-width:1200px}.container-dash{max-width:1400px;margin:0 auto;padding:26px 28px 72px}@media (max-width:640px){.container,.container-dash,.container-wide{padding:18px 16px 56px}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5);box-shadow:var(--glass-shadow)}.glass-strong{background:var(--glass-strong-bg);-webkit-backdrop-filter:blur(28px) saturate(1.5);backdrop-filter:blur(28px) saturate(1.5);box-shadow:var(--glass-strong-shadow)}.glass-menu{background:var(--glass-menu-bg);-webkit-backdrop-filter:blur(40px) saturate(1.6);backdrop-filter:blur(40px) saturate(1.6);box-shadow:var(--glass-menu-shadow)}.card-dark{background:var(--card-dark-bg);color:var(--ink-on-dark);box-shadow:var(--card-dark-shadow)}.card-yellow{background:var(--card-yellow-bg);color:var(--ink-on-accent);box-shadow:var(--card-yellow-shadow)}.card-tint{background:var(--card-tint-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--card-tint-shadow)}.on-dark{--ink:var(--ink-on-dark);--ink-soft:var(--ink-on-dark);--ink-muted:rgba(250,250,248,0.62);--ink-faint:rgba(250,250,248,0.34);--ink-done:rgba(250,250,248,0.55);--line-hair:rgba(255,255,255,0.08);--line-soft:rgba(255,255,255,0.14);--line-dot:var(--line-on-dark);--line-dash:rgba(255,255,255,0.2);--wash:rgba(255,255,255,0.08);--wash-strong:rgba(255,255,255,0.14);--film:rgba(255,255,255,0.1);--film-soft:rgba(255,255,255,0.06);--film-solid:rgba(255,255,255,0.16);--rail-idle:rgba(255,255,255,0.12);--rail-done:rgba(255,255,255,0.4);--rail-hatch:rgba(255,255,255,0.28);--hatch-ink:rgba(255,255,255,0.32)}.card-yellow{--ink:var(--ink-on-accent);--ink-soft:var(--ink-on-accent);--ink-muted:rgba(31,31,31,0.74);--ink-faint:rgba(31,31,31,0.34);--line-hair:rgba(31,31,31,0.09);--line-soft:rgba(31,31,31,0.16);--line-dot:rgba(31,31,31,0.22);--wash:rgba(31,31,31,0.07);--wash-strong:rgba(31,31,31,0.1)}.shadow-elev{box-shadow:var(--shadow-elev)}.card-lift{transition:box-shadow .22s var(--ease-standard),transform .22s var(--ease-standard)}.card-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.card-dark.card-lift:hover{box-shadow:var(--card-dark-shadow-hover)}.card-yellow.card-lift:hover{box-shadow:var(--card-yellow-shadow-hover)}.focus-brand:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-page),0 0 0 4px var(--brand-yellow)}.sep-dotted{border-bottom:1px dotted var(--line-dot)}.sep-dotted-dark{border-bottom:1px dotted var(--line-on-dark)}.hairline{box-shadow:0 0 0 1px var(--line-hair)}.hairline-soft{box-shadow:0 0 0 1px var(--line-soft)}.hatch{background-image:repeating-linear-gradient(135deg,var(--hatch-ink) 0,var(--hatch-ink) 2px,transparent 2px,transparent 7px)}.hatch-light{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.32),rgba(255,255,255,.32) 2px,transparent 0,transparent 7px)}.brand-strip{background:linear-gradient(90deg,#ffc900,#c79a46 50%,#746200)}.icon-chip{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--ink);background:var(--yellow-cream);box-shadow:inset 0 0 0 1px var(--line-hair)}.icon-chip svg{width:22px;height:22px}.icon-chip.sm{width:36px;height:36px;border-radius:10px}.icon-chip.sm svg{width:19px;height:19px}.icon-chip.lg{width:56px;height:56px;border-radius:14px}.icon-chip.lg svg{width:28px;height:28px}.icon-chip.on-dark,.on-dark .icon-chip{background:rgba(255,255,255,.1);color:var(--ink-on-dark);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.avatar-initials{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:500;font-size:15px;color:var(--ink);background:var(--yellow-cream);box-shadow:inset 0 0 0 1px var(--line-hair)}.state{--state-dot:var(--ink-muted);display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:500;line-height:1.3;color:var(--ink-soft);white-space:nowrap}.state:before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:var(--radius-pill);background:var(--state-dot)}.state-ok{--state-dot:var(--ok)}.state-warn{--state-dot:var(--warn)}.state-danger{--state-dot:var(--danger)}.state-info{--state-dot:var(--info)}.state-active{--state-dot:var(--brand-amber)}.state-idle{color:var(--ink-muted);--state-dot:transparent}.state-idle:before{box-shadow:inset 0 0 0 1.5px var(--ink-faint)}.state-lg{font-size:.95rem;color:var(--ink)}.state-quiet{color:var(--ink-muted);font-weight:500}.state-live:before{animation:statePulse 2s var(--ease-standard) infinite}@keyframes statePulse{0%{box-shadow:0 0 0 0 var(--accent-pulse)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}.on-dark .state,.state.on-dark{color:var(--ink-on-dark)}.on-dark .state-ok,.state-ok.on-dark{--state-dot:var(--ok-lit)}.on-dark .state-warn,.state-warn.on-dark{--state-dot:var(--warn-lit)}.on-dark .state-danger,.state-danger.on-dark{--state-dot:var(--danger-lit)}.on-dark .state-info,.state-info.on-dark{--state-dot:var(--info-lit)}.on-dark .state-idle,.state-idle.on-dark{color:rgba(250,250,248,.62)}.on-dark .state-idle:before,.state-idle.on-dark:before{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}.tag{--tag-mark:var(--line-soft);display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;line-height:1.35;color:var(--ink-muted);white-space:nowrap;min-width:0}.tag:before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:2px;background:var(--tag-mark)}.tag-plain:before{display:none}.tag-blog{--tag-mark:var(--viz-4)}.tag-linkedin{--tag-mark:var(--brand-amber)}.tag-podcast{--tag-mark:var(--gold-3)}.tag-visual{--tag-mark:var(--gold-1)}.tag-note{--tag-mark:var(--ink-faint)}.tag-linkedin-company{--tag-mark:var(--gold-1)}.tag-ai{--tag-mark:var(--viz-4)}.tag-human{--tag-mark:var(--gold-1)}.tag-system{--tag-mark:var(--ink-faint)}.on-dark .tag{color:rgba(250,250,248,.68)}.on-dark .tag-blog{--tag-mark:var(--info-lit)}.on-dark .tag-linkedin{--tag-mark:var(--brand-yellow)}.on-dark .tag-linkedin-company,.on-dark .tag-podcast{--tag-mark:var(--gold-3)}.on-dark .tag-visual{--tag-mark:var(--yellow-light)}.on-dark .tag-ai{--tag-mark:var(--info-lit)}.on-dark .tag-human{--tag-mark:var(--brand-yellow)}.on-dark .tag-note,.on-dark .tag-system{--tag-mark:rgba(255,255,255,0.42)}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);font-size:.76rem;font-weight:600;color:var(--ink-soft);background:var(--wash);box-shadow:inset 0 0 0 1px var(--line-hair);white-space:nowrap;min-width:0}.chip-mono{font-family:var(--font-mono);font-size:.72rem;letter-spacing:-.01em}.on-dark .chip{background:rgba(255,255,255,.1);color:var(--ink-on-dark);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums;background:var(--wash-strong);color:var(--ink-muted)}.on-dark .count{background:rgba(255,255,255,.16);color:var(--ink-on-dark)}.rail{align-items:stretch;gap:4px}.rail,.rail-step{display:flex;min-width:0}.rail-step{flex:1 1;flex-direction:column;gap:6px;padding:0;border:none;background:none;text-align:left}.rail-track{height:4px;border-radius:2px;background:var(--rail-idle);transition:background .22s var(--ease-standard)}.rail-step.is-done .rail-track{background:var(--rail-done)}.rail-step.is-current .rail-track{background:var(--brand-yellow);box-shadow:var(--rail-current-glow)}.rail-label{font-size:11px;font-weight:600;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-step.is-done .rail-label{color:var(--ink-done)}.rail-step.is-current .rail-label{color:var(--ink);font-weight:700}.rail-off .rail-track{background:transparent;background-image:repeating-linear-gradient(135deg,var(--rail-hatch) 0,var(--rail-hatch) 2px,transparent 2px,transparent 6px)}.figure{display:flex;flex-direction:column;gap:1px;min-width:0}.figure-value{font-family:var(--font-display);font-size:28px;line-height:1.1;font-weight:500;letter-spacing:-.015em;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}.figure-value.is-zero{color:var(--ink-faint)}.figure-label{font-size:12px;font-weight:500;color:var(--ink-muted)}.figure-lg .figure-value{font-size:42px;letter-spacing:-.02em}.figure-sm .figure-value{font-size:20px}.figure-row{display:flex;flex-wrap:wrap;gap:14px 28px}.on-dark .figure-value{color:var(--ink-on-dark)}.on-dark .figure-value.is-zero{color:rgba(250,250,248,.34)}.on-dark .figure-label{color:rgba(250,250,248,.6)}.data-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.data-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px dotted var(--line-dot)}.data-row:last-child{border-bottom:none}.data-label{flex:0 0 auto;font-size:12px;font-weight:500;color:var(--ink-muted)}.data-value{min-width:0;font-size:13.5px;font-weight:600;text-align:right;overflow-wrap:anywhere}.on-dark .data-row{border-bottom-color:var(--line-on-dark)}.on-dark .data-label{color:rgba(250,250,248,.55)}.on-dark .data-value{color:var(--ink-on-dark)}.tick-head{display:flex;align-items:center;gap:9px;min-width:0}.tick-head:before{content:"";flex:0 0 auto;width:3px;height:16px;border-radius:2px;background:var(--brand-yellow)}.inset{border-radius:var(--radius-lg);padding:14px 16px;background:var(--film-soft)}.inset,.inset-quiet{box-shadow:inset 0 0 0 1px var(--line-hair)}.inset-quiet{background:var(--wash-faint)}.on-dark .inset{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.alert{position:relative;display:block;padding:12px 15px 12px 17px;border:none;border-radius:var(--radius-lg);overflow:hidden;font-size:.875rem;line-height:1.5;color:var(--ink);background:var(--alert-bg);box-shadow:inset 0 0 0 1px var(--line-hair)}.alert:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--alert-tone,var(--line-soft))}.alert code{padding:1px 5px;border-radius:5px;background:var(--wash-strong)}.alert-ok{--alert-tone:var(--ok);background:var(--alert-ok-bg);box-shadow:inset 0 0 0 1px var(--alert-ok-edge)}.alert-warning{--alert-tone:var(--warn);background:var(--alert-warn-bg);box-shadow:inset 0 0 0 1px var(--alert-warn-edge)}.alert-error{--alert-tone:var(--danger);background:var(--alert-danger-bg);box-shadow:inset 0 0 0 1px var(--alert-danger-edge)}.alert-info{--alert-tone:var(--info);background:var(--alert-info-bg);box-shadow:inset 0 0 0 1px var(--alert-info-edge)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;border-radius:var(--radius-panel);text-align:center}.empty-title{font-family:var(--font-display);font-size:19px;font-weight:500;letter-spacing:-.01em}.empty-body{margin:0;max-width:46ch;font-size:.9rem;line-height:1.55;color:var(--ink-muted)}.empty-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;color:var(--gold-muted);background:var(--yellow-section);box-shadow:0 0 0 12px var(--accent-blob)}.empty-block{display:flex;align-items:center;gap:10px;padding:14px 15px;border:1px dashed var(--line-dash);border-radius:var(--radius);font-size:.85rem;line-height:1.45;font-weight:500;color:var(--ink-muted)}.empty-block a{font-weight:700;text-decoration:underline;text-underline-offset:2px}.on-dark .empty-block{border-color:rgba(255,255,255,.2);color:rgba(250,250,248,.72)}.on-dark .alert a,.on-dark .empty-block a{color:var(--brand-yellow)}.timeline{display:flex;flex-direction:column}.tl-item{position:relative;display:grid;grid-template-columns:20px 1fr;grid-gap:12px;gap:12px;padding-bottom:18px}.tl-item:last-child{padding-bottom:0}.tl-item:not(:last-child):before{content:"";position:absolute;left:9px;top:16px;bottom:-2px;width:2px;background:var(--line-soft)}.tl-dot{position:relative;z-index:1;width:11px;height:11px;margin:5px auto 0;border-radius:var(--radius-pill);background:currentColor;box-shadow:0 0 0 3px var(--surface-card)}.tl-body{min-width:0}.page-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;grid-gap:18px 32px;gap:18px 32px;padding-bottom:22px;border-bottom:1px dotted var(--line-dot)}.page-head-main{display:flex;flex-direction:column;gap:10px;min-width:0}.page-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-bottom:2px;padding:5px 13px 5px 9px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:600;color:var(--ink-muted);background:var(--film-soft);box-shadow:inset 0 0 0 1px var(--line-hair);transition:background .16s var(--ease-standard),color .16s var(--ease-standard)}.page-back:hover{background:var(--film-solid);color:var(--ink)}.page-back svg{width:14px;height:14px}.page-lead{margin:0;max-width:64ch;font-size:.95rem;line-height:1.55;color:var(--ink-muted)}.page-aside{display:flex;flex-direction:column;align-items:flex-end;gap:12px;min-width:0}@media (max-width:860px){.page-head{grid-template-columns:minmax(0,1fr);align-items:start}.page-aside{align-items:flex-start}}.tabs-pill{position:relative;display:inline-flex;align-self:flex-start;align-items:center;gap:2px;padding:5px;border-radius:var(--radius-pill);background:var(--film);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);box-shadow:inset 0 0 0 1px var(--line-hair),var(--shadow-soft);max-width:100%;overflow-x:auto;scrollbar-width:none}.tabs-pill::-webkit-scrollbar{display:none}.tabs-pill-ind{position:absolute;top:5px;left:0;height:calc(100% - 10px);border-radius:var(--radius-pill);background:var(--fill-inverse);box-shadow:var(--shadow-ind);transition:transform .38s var(--ease-emphasized),width .38s var(--ease-emphasized);z-index:0}.tabs-pill-tab{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:none;background:transparent;border-radius:var(--radius-pill);font-weight:600;font-size:.9rem;color:var(--ink-muted);cursor:pointer;white-space:nowrap;transition:color .22s var(--ease-standard)}.tabs-pill-tab:hover{background:transparent;color:var(--ink)}.tabs-pill-tab:active{transform:none}.tabs-pill-tab.is-active{color:var(--fill-inverse-ink)}.tabs-pill-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);font-size:.7rem;font-weight:700;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums;background:var(--wash-strong);color:var(--ink-muted);transition:background .22s var(--ease-standard),color .22s var(--ease-standard)}.tabs-pill-tab.is-active .tabs-pill-count{background:var(--wash-on-inverse);color:var(--fill-inverse-ink)}.seg{position:relative;display:grid;grid-template-columns:repeat(var(--seg-n),1fr);padding:4px;background:var(--wash);box-shadow:inset 0 0 0 1px var(--line-hair);width:100%;max-width:380px}.seg,.seg-ind{border-radius:var(--radius-pill)}.seg-ind{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--seg-n));background:var(--fill-inverse);box-shadow:var(--shadow-ind);transform:translateX(calc(var(--seg-i) * 100%));transition:transform .32s var(--ease-emphasized);z-index:0}.seg-opt{position:relative;z-index:1;padding:8px 10px;border:none;background:transparent;border-radius:var(--radius-pill);font-weight:600;font-size:.86rem;color:var(--ink-muted);cursor:pointer;white-space:nowrap;transition:color .22s var(--ease-standard)}.seg-opt:hover{background:transparent;color:var(--ink)}.seg-opt:active{transform:none}.seg-opt.is-active{color:var(--fill-inverse-ink)}.toggle{position:relative;flex:0 0 auto;width:46px;height:28px;padding:0;border:none;border-radius:var(--radius-pill);background:var(--track);cursor:pointer;transition:background .22s var(--ease-emphasized)}.toggle:hover{background:var(--track-hover)}.toggle:active{transform:none}.toggle.is-on{background:var(--brand-yellow)}.toggle.is-on:hover{background:var(--brand-amber)}.toggle:disabled{opacity:.45;cursor:not-allowed}.toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:var(--radius-pill);background:var(--knob);box-shadow:0 1px 3px rgba(0,0,0,.28);transition:transform .22s var(--ease-emphasized)}.toggle.is-on .toggle-knob{transform:translateX(18px)}.cbx{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:.88rem;font-weight:500;color:var(--ink);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cbx input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.cbx-box{flex:0 0 auto;display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:var(--surface-card);box-shadow:inset 0 0 0 1.5px var(--line-soft);transition:background .16s var(--ease-standard),box-shadow .16s var(--ease-standard)}.cbx-box svg{width:14px;height:14px;color:var(--ink-on-accent);opacity:0;transform:scale(.6);transition:opacity .16s linear,transform .16s var(--ease-emphasized)}.cbx input:checked+.cbx-box{background:var(--brand-yellow);box-shadow:inset 0 0 0 1.5px var(--brand-amber)}.cbx input:checked+.cbx-box svg{opacity:1;transform:scale(1)}.cbx input:focus-visible+.cbx-box{box-shadow:inset 0 0 0 1.5px var(--brand-amber),0 0 0 3px var(--focus-ring-strong)}.cbx.is-disabled{opacity:.5;cursor:not-allowed}.select-pill{width:auto;min-width:150px;margin-top:0;padding:8px 12px;border-radius:var(--radius-pill);font-size:.86rem;font-weight:600}.drawer-dark{background:var(--drawer-bg);-webkit-backdrop-filter:blur(36px) saturate(1.35);backdrop-filter:blur(36px) saturate(1.35);box-shadow:var(--drawer-shadow);color:var(--ink-on-dark)}.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(var(--drawer-w,440px),100vw);border-top-left-radius:var(--radius-hero);border-bottom-left-radius:var(--radius-hero);display:flex;flex-direction:column;outline:none}.drawer-panel:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(120% 100% at 80% 0,var(--drawer-glow) 0,transparent 65%)}@media (max-width:640px){.drawer-panel{width:100vw;border-radius:0}}.drawer-in{animation:drawerIn .32s var(--ease-standard) both}.drawer-out{animation:drawerOut .22s var(--ease-exit) both}@keyframes drawerIn{0%{opacity:0;transform:translateX(48px)}to{opacity:1;transform:translateX(0)}}@keyframes drawerOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(48px)}}.backdrop-in{animation:backdropIn .28s linear both}.backdrop-out{animation:backdropOut .22s linear both}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes backdropOut{0%{opacity:1}to{opacity:0}}.menu-pop{z-index:50;min-width:220px;padding:6px;border-radius:var(--radius-card);background:var(--glass-menu-bg);-webkit-backdrop-filter:blur(40px) saturate(1.6);backdrop-filter:blur(40px) saturate(1.6);box-shadow:var(--glass-menu-shadow);display:flex;flex-direction:column;gap:2px;transform-origin:top right;animation:menuPopIn .16s var(--ease-emphasized)}@keyframes menuPopIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}.menu-head{padding:7px 12px 5px;font-size:12px;font-weight:600;color:var(--ink-muted)}.menu-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px 9px 14px;border:none;border-radius:var(--radius);background:transparent;color:var(--ink);font-size:.88rem;font-weight:600;text-align:left;cursor:pointer;transition:background .14s var(--ease-standard)}.menu-item:hover:not(:disabled){background:var(--wash)}.menu-item:active{transform:none}.menu-item:disabled{opacity:.55}.menu-item.is-active:before{content:"";position:absolute;left:5px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:var(--radius-pill);background:var(--brand-yellow)}.menu-item.is-active{background:var(--accent-wash)}.stagger>*{opacity:0;animation:riseIn .56s var(--ease-standard) forwards}.stagger>:first-child{animation-delay:40ms}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.16s}.stagger>:nth-child(4){animation-delay:.22s}.stagger>:nth-child(5){animation-delay:.28s}.stagger>:nth-child(6){animation-delay:.34s}.stagger>:nth-child(7){animation-delay:.4s}.stagger>:nth-child(8){animation-delay:.46s}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.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}.card{border-radius:var(--radius-card);background:var(--glass-bg);-webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5);box-shadow:var(--glass-shadow)}.card-hero{border-radius:var(--radius-hero)}.card-pad{padding:22px 24px}.card-pad-lg{padding:26px 28px}@media (max-width:640px){.card-pad,.card-pad-lg{padding:18px}}a.btn-pill{color:inherit;text-decoration:none}a.btn-pill.btn-primary{background:var(--brand-yellow);color:var(--ink-on-accent)}a.btn-pill.btn-primary:hover{background:var(--yellow-hover)}a.btn-pill.btn-ghost{background:var(--film);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-soft)}a.btn-pill.btn-ghost:hover{background:var(--film-solid);box-shadow:inset 0 0 0 1px var(--line-dot)}.btn-pill.btn-dark,a.btn-pill.btn-dark{background:var(--fill-inverse);color:var(--fill-inverse-ink)}.btn-pill.btn-dark:hover,a.btn-pill.btn-dark:hover{background:var(--fill-inverse-hover)}.btn-pill:active{transform:translateY(1px)}.btn-pill.is-block{width:100%}.context-line{margin:0;font-size:13px}.context-line,.link-quiet{font-weight:600;color:var(--ink-muted)}.link-quiet{font-size:.85rem;text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:var(--line-dot);text-decoration-color:var(--line-dot)}.link-quiet:hover{color:var(--ink)}.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:18px;gap:18px;align-items:stretch}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-3{grid-column:span 3}@media (max-width:1060px){.span-5,.span-6,.span-7,.span-8{grid-column:span 12}.span-3,.span-4{grid-column:span 6}}@media (max-width:560px){.bento{gap:12px}.span-3,.span-4{grid-column:span 12}}.stat{display:flex;flex-direction:column;gap:14px;padding:18px 20px;min-height:0}.stat-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-label{font-size:12px;font-weight:600;color:var(--ink-muted)}.stat-value{font-family:var(--font-display);font-size:38px;line-height:1;font-weight:500;letter-spacing:-.02em;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.stat-sub{font-size:12.5px;color:var(--ink-muted)}.bar{position:relative;height:6px;overflow:hidden;background-image:repeating-linear-gradient(135deg,var(--hatch-ink) 0,var(--hatch-ink) 2px,transparent 2px,transparent 6px);background-color:var(--wash-faint)}.bar,.bar-fill{border-radius:var(--radius-pill)}.bar-fill{position:absolute;inset:0 auto 0 0;background:var(--brand-yellow);box-shadow:var(--rail-current-glow);transition:width .52s var(--ease-standard)}.bar.is-done .bar-fill{background:var(--ok);box-shadow:none}.bar-lg{height:8px}.on-dark .bar{background-color:rgba(255,255,255,.08)}.ring{display:block;width:100%;height:auto}.ring-track{stroke:var(--track)}.on-dark .ring-track{stroke:rgba(255,255,255,.14)}.ring-fill{stroke:var(--brand-yellow);stroke-linecap:round;transition:stroke-dashoffset .9s var(--ease-standard)}.ring-fill.is-done{stroke:var(--ok)}.ring-num{font-family:var(--font-display);font-weight:500;fill:currentColor;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.shell{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100dvh}.shell-main{min-width:0;display:flex;flex-direction:column}.shell-content{flex:1 1;width:100%;max-width:1360px;margin:0 auto;padding:30px 32px 72px}.shell-content.is-wide{max-width:1520px}.shell-content.is-narrow{max-width:980px}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100dvh;padding:16px 0 16px 16px;z-index:40}.sidebar-panel{height:100%;display:flex;flex-direction:column;gap:18px;padding:18px 14px 14px;border-radius:var(--radius-hero);background:var(--glass-strong-bg);-webkit-backdrop-filter:blur(28px) saturate(1.5);backdrop-filter:blur(28px) saturate(1.5);box-shadow:var(--glass-strong-shadow);overflow-y:auto;scrollbar-width:none}.sidebar-panel::-webkit-scrollbar{display:none}.sb-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 2px;color:var(--ink);text-decoration:none}.sb-brand-mark{flex:0 0 auto;width:30px;height:30px}.sb-brand-name{font-family:var(--font-display);font-size:17px;font-weight:500;letter-spacing:-.02em;line-height:1.1}.sb-brand-name small{display:block;font-family:var(--font);font-size:11px;font-weight:500;color:var(--ink-muted);letter-spacing:.01em;margin-top:2px}.sb-nav{display:flex;flex-direction:column;gap:16px;flex:1 1}.sb-group{display:flex;flex-direction:column;gap:3px}.sb-group-label{padding:6px 12px;font-size:12px;font-weight:500;color:var(--ink-muted)}.sb-item{position:relative;display:flex;align-items:center;gap:11px;height:42px;padding:0 12px;border-radius:12px;font-size:14px;font-weight:500;color:var(--ink-soft);text-decoration:none;transition:background .16s var(--ease-standard),color .16s var(--ease-standard),transform .16s var(--ease-emphasized)}.sb-item svg{flex:0 0 auto;width:20px;height:20px;opacity:.85}.sb-item:hover{background:var(--wash);color:var(--ink)}.sb-item:active{transform:scale(.985)}.sb-item.is-active{background:var(--fill-inverse);color:var(--fill-inverse-ink);box-shadow:var(--shadow-ind)}.sb-item.is-active svg{opacity:1}.sb-item .count{margin-left:auto}.sb-foot{flex-direction:column;padding-top:12px;border-top:1px dotted var(--line-dot)}.sb-foot,.sb-user{display:flex;gap:10px}.sb-user{align-items:center;padding:8px 8px 8px 6px;border-radius:12px;color:inherit;text-decoration:none;transition:background .16s var(--ease-standard)}.sb-user:hover{background:var(--wash)}.sb-user-text{display:flex;flex-direction:column;min-width:0;flex:1 1}.sb-user-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-user-role{font-size:11.5px;color:var(--ink-muted)}.sb-actions{display:flex;align-items:center;gap:6px;padding:0 4px}.sb-legal{display:flex;flex-wrap:wrap;gap:4px 10px;padding:2px 8px 0;font-size:11px}.sb-legal,.sb-legal a{color:var(--ink-muted)}.sb-legal a:hover{color:var(--ink)}.shell-backdrop,.tabbar,.topbar{display:none}@media (max-width:960px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-content:start}.shell-content{padding:18px 16px 110px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}.topbar:before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--header-veil);-webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.6) 55%,transparent);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.6) 55%,transparent)}.topbar>*{position:relative}.topbar-brand{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 7px;border-radius:var(--radius-pill);background:var(--pill-bg);box-shadow:var(--pill-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);text-decoration:none;font-family:var(--font-display);font-size:15px;font-weight:500;letter-spacing:-.02em}.topbar-brand svg{width:24px;height:24px}.topbar-actions{display:flex;align-items:center;gap:6px}.sidebar{position:fixed;inset:0 auto 0 0;width:min(320px,88vw);height:100dvh;padding:12px 0 12px 12px;z-index:60;transform:translateX(-108%);transition:transform .32s var(--ease-standard)}.sidebar.is-open{transform:translateX(0)}.shell-backdrop{display:block;position:fixed;inset:0;z-index:55;background:var(--backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .24s linear}.shell-backdrop.is-open{opacity:1;pointer-events:auto}.tabbar{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:45;display:flex;padding:5px;background:var(--glass-menu-bg);-webkit-backdrop-filter:blur(28px) saturate(1.5);backdrop-filter:blur(28px) saturate(1.5);box-shadow:var(--glass-menu-shadow);transform:translateX(-50%)}.tabbar,.tabbar-item{align-items:center;gap:2px;border-radius:var(--radius-pill)}.tabbar-item{display:inline-flex;flex-direction:column;justify-content:center;width:64px;height:50px;color:var(--ink-muted);font-size:10.5px;font-weight:600;text-decoration:none;transition:background .16s var(--ease-standard),color .16s var(--ease-standard)}.tabbar-item svg{width:20px;height:20px}.tabbar-item.is-active{background:var(--fill-inverse);color:var(--fill-inverse-ink)}.tabbar.is-hidden{display:none}}.btn-round{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--radius-pill);background:var(--film-strong);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-hair),var(--shadow-soft);cursor:pointer;transition:background .16s var(--ease-standard),transform .16s var(--ease-emphasized)}.btn-round:hover{background:var(--film-solid)}.btn-round:active{transform:scale(.94)}.btn-round svg{width:19px;height:19px}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:18px;gap:18px}.course-tile{display:flex;flex-direction:column;border-radius:var(--radius-hero);overflow:hidden;color:inherit;isolation:isolate}.course-tile,.course-tile:hover{text-decoration:none}.cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--thumb-bg)}.cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-standard)}.course-tile:hover .cover img{transform:scale(1.04)}.cover-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(80% 90% at 85% 100%,var(--accent-wash) 0,transparent 60%),linear-gradient(160deg,var(--surface-paper) 0,var(--surface-page) 100%)}.cover-fallback:after{content:"";position:absolute;inset:0;opacity:.55;background-image:repeating-linear-gradient(135deg,var(--hatch-ink) 0,var(--hatch-ink) 1px,transparent 1px,transparent 9px);-webkit-mask-image:linear-gradient(120deg,transparent 35%,#000);mask-image:linear-gradient(120deg,transparent 35%,#000)}.cover-fallback-glyph{position:relative;z-index:1;font-family:var(--font-display);font-size:clamp(44px,9vw,72px);font-weight:300;letter-spacing:-.03em;color:var(--ink);opacity:.85}.cover-play{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-pill);background:rgba(255,255,255,.82);color:#1f1f1f;box-shadow:0 8px 24px -8px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%,-50%) scale(.92);opacity:0;transition:opacity .2s var(--ease-standard),transform .26s var(--ease-emphasized)}.cover-play svg{width:22px;height:22px;margin-left:2px}.course-tile:hover .cover-play,.cover.is-static .cover-play,.lesson-row:hover .cover-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.cover-bar{position:absolute;left:0;right:0;bottom:0;z-index:2;height:4px;background:rgba(255,255,255,.28)}.cover-bar>span{display:block;height:100%;background:var(--brand-yellow)}.course-tile.is-done .cover-bar>span{background:var(--ok)}.course-tile-body{display:flex;flex-direction:column;gap:10px;padding:16px 18px 18px}.course-tile-title{font-family:var(--font-display);font-size:16px;font-weight:500;letter-spacing:-.01em;line-height:1.3;margin:0}.course-tile-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--ink-muted)}.chapter{display:flex;flex-direction:column;gap:12px}.chapter-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;grid-gap:14px;gap:14px;padding:6px 4px 10px;border-bottom:1px dotted var(--line-dot)}.chapter-num{font-family:var(--font-display);font-size:28px;line-height:.9;font-weight:300;letter-spacing:-.03em;color:var(--ink-faint);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.chapter.is-current .chapter-num{color:var(--brand-amber)}.chapter.is-done .chapter-num{color:var(--ok)}.chapter-title{font-family:var(--font-display);font-size:17px;font-weight:500;letter-spacing:-.01em;margin:0}.chapter-meta{font-size:13px;font-weight:500;color:var(--ink-muted);white-space:nowrap}.lesson-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lesson-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;padding:8px 16px 8px 8px;border-radius:var(--radius-lg);background:var(--film-soft);box-shadow:inset 0 0 0 1px var(--line-hair);color:inherit;text-decoration:none;transition:background .18s var(--ease-standard),box-shadow .22s var(--ease-standard),transform .22s var(--ease-standard)}.lesson-row:hover{text-decoration:none;background:var(--film);transform:translateY(-1px);box-shadow:var(--shadow-lift)}.lesson-row.is-current{background:var(--film);box-shadow:inset 0 0 0 1.5px var(--accent-edge)}.lesson-thumb{position:relative;width:108px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:var(--thumb-bg);display:grid;place-items:center;color:var(--ink)}.lesson-thumb img{width:100%;height:100%;object-fit:cover;display:block}.lesson-thumb .cover-play{width:40px;height:40px}.lesson-thumb .cover-play svg{width:16px;height:16px}.lesson-thumb-glyph{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--yellow-cream);box-shadow:inset 0 0 0 1px var(--line-hair)}.lesson-thumb-glyph svg{width:20px;height:20px}.lesson-text{display:flex;flex-direction:column;gap:4px;min-width:0}.lesson-name{font-size:14.5px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}.lesson-row.is-done .lesson-name{color:var(--ink-done)}.lesson-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;color:var(--ink-muted)}@media (max-width:640px){.lesson-row{gap:12px;padding:8px 12px 8px 8px}.lesson-thumb{width:84px}.chapter-num{font-size:24px}}.outline{display:flex;flex-direction:column;gap:8px;padding:14px 12px 12px;border-radius:var(--radius-panel)}.outline-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 6px 10px;border-bottom:1px dotted var(--line-dot)}.outline-title{font-family:var(--font-display);font-size:15px;font-weight:500;letter-spacing:-.01em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outline-progress{font-size:12px;font-weight:600;color:var(--ink-muted);white-space:nowrap;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.outline-chapter{display:flex;flex-direction:column;gap:2px}.outline-chapter-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 6px 6px;border:none;background:transparent;color:var(--ink);text-align:left;border-radius:10px;cursor:pointer}.outline-chapter-btn:hover{background:var(--wash-faint)}.outline-chapter-btn:active{transform:none}.outline-chapter-num{font-family:var(--font-display);font-size:14px;font-weight:500;color:var(--ink-muted);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums;min-width:18px}.outline-chapter-name{flex:1 1;min-width:0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outline-chapter-count{font-size:11px;font-weight:600;color:var(--ink-muted);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.outline-chapter-chev{color:var(--ink-muted);transition:transform .22s var(--ease-emphasized)}.outline-chapter.is-open .outline-chapter-chev{transform:rotate(180deg)}.outline-items{list-style:none;margin:0;padding:0 0 4px;display:flex;flex-direction:column;gap:2px}.outline-item{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;padding:8px;border-radius:12px;color:var(--ink-soft);font-size:13px;font-weight:500;text-decoration:none;transition:background .16s var(--ease-standard)}.outline-item:hover{background:var(--wash);text-decoration:none}.outline-item.is-active{background:var(--fill-inverse);color:var(--fill-inverse-ink)}.outline-item.is-done{color:var(--ink-done);font-weight:500}.outline-item.is-active.is-done{color:var(--fill-inverse-ink)}.outline-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1.5px var(--line-dot);font-size:10.5px;font-weight:600;color:var(--ink-muted);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.outline-item.is-done .outline-mark{background:var(--ok);color:#fff;box-shadow:none}.outline-item.is-active .outline-mark{background:var(--brand-yellow);color:var(--ink-on-accent);box-shadow:none}.outline-item.is-active.is-done .outline-mark{background:var(--ok);color:#fff}.outline-mark svg{width:12px;height:12px}.outline-item-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 312px;grid-gap:26px;gap:26px;align-items:start}.lesson-layout>*{min-width:0}.lesson-main{display:flex;flex-direction:column;gap:18px}.lesson-rail{position:-webkit-sticky;position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow-y:auto;scrollbar-width:thin}.lesson-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;grid-gap:12px 20px;gap:12px 20px}.lesson-title{font-family:var(--font-display);font-size:clamp(22px,2.6vw,30px);line-height:1.15;font-weight:500;letter-spacing:-.015em;margin:4px 0 0;text-wrap:balance}.lesson-crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;font-weight:500}.lesson-crumbs,.lesson-crumbs a{align-items:center;color:var(--ink-muted)}.lesson-crumbs a{display:inline-flex;gap:3px}.lesson-crumbs a:hover{color:var(--ink)}.lesson-crumbs svg{width:13px;height:13px;opacity:.7}.lesson-nav{display:flex;align-items:center;gap:8px}.lesson-foot{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding-top:16px;border-top:1px dotted var(--line-dot)}.lesson-foot-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.lesson-foot-nav .next-row{flex:1 1 320px;justify-content:flex-end}.outline-toggle{display:none}.sheet-backdrop{position:fixed;inset:0;z-index:70;background:var(--backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:backdropIn .2s linear both}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:71;max-height:82dvh;display:flex;flex-direction:column;border-radius:var(--radius-hero) var(--radius-hero) 0 0;background:var(--glass-menu-bg);-webkit-backdrop-filter:blur(36px) saturate(1.5);backdrop-filter:blur(36px) saturate(1.5);box-shadow:var(--glass-menu-shadow);animation:sheetIn .32s var(--ease-standard) both;overflow:hidden}.sheet-grip{flex:0 0 auto;width:40px;height:4px;margin:10px auto 2px;border-radius:2px;background:var(--line-dot)}.sheet-body{overflow-y:auto;padding-bottom:max(12px,env(safe-area-inset-bottom))}@keyframes sheetIn{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@media (max-width:1100px){.lesson-layout{grid-template-columns:minmax(0,1fr);padding-bottom:84px}.lesson-rail{display:none}.outline-toggle{display:inline-flex}}@media (max-width:640px){.lesson-head{grid-template-columns:minmax(0,1fr)}.lesson-nav{display:none}}.content-body{padding:26px 30px;line-height:1.65;font-size:15.5px;max-width:76ch}.content-body>:first-child{margin-top:0}.content-body h2,.content-body h3,.content-body h4{font-family:var(--font-display);font-weight:500;margin-top:1.3em}.content-body h2{font-size:1.35rem}.content-body h3{font-size:1.12rem}.content-body img{max-width:100%;height:auto;border-radius:14px}.content-body table{width:100%;border-collapse:collapse}.content-body td,.content-body th{padding:9px 10px;border-bottom:1px dotted var(--line-dot);text-align:left;vertical-align:top}.content-body blockquote{margin:1em 0;padding:10px 16px;border-left:3px solid var(--brand-yellow);background:var(--film-soft);border-radius:0 12px 12px 0}.content-body pre{overflow-x:auto;padding:12px 14px;border-radius:12px;background:var(--wash)}.content-body a{text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:var(--brand-amber);text-decoration-color:var(--brand-amber)}@media (max-width:640px){.content-body{padding:18px;font-size:15px}.content-body table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.content-body td,.content-body th{padding:8px;font-size:14px;-webkit-hyphens:auto;hyphens:auto}}.file-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:16px;gap:16px;padding:18px 20px}@media (max-width:640px){.file-card{grid-template-columns:minmax(0,1fr);padding:16px}.file-card .state{white-space:normal}}.pdf-frame{display:block;width:100%;height:72vh;border:0;border-radius:var(--radius-card);background:#fff}.table-wrap{overflow-x:auto;border-radius:var(--radius-panel)}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{padding:10px 14px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);text-align:left;white-space:nowrap}.table td{padding:13px 14px;border-top:1px dotted var(--line-dot);vertical-align:middle}.table tr:hover td{background:var(--wash-faint)}.table td:first-child,.table th:first-child{padding-left:22px}.table td:last-child,.table th:last-child{padding-right:22px}.cert-tile{position:relative;aspect-ratio:1.414;width:168px;flex:0 0 auto;border-radius:12px;overflow:hidden;background:linear-gradient(160deg,#fafaf8,#f1f0ee);box-shadow:inset 0 0 0 1px rgba(31,31,31,.08),0 8px 20px -12px rgba(31,31,31,.3);color:#1f1f1f;padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between}.cert-tile:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#ffc900,#c79a46 55%,#746200)}.cert-tile-title{font-family:var(--font-display);font-size:11px;font-weight:500;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cert-tile-name{font-size:8.5px;color:#504e4e;border-top:1px dotted rgba(31,31,31,.25);padding-top:6px}.cert-tile-mark{width:16px;height:16px}.fade-in{animation:fadeIn .38s var(--ease-standard) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pop-in{animation:popIn .26s var(--ease-emphasized) both}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.stagger>*{opacity:1}.btn-icon:hover,.card-lift:hover,.lesson-row:hover,.stagger>*{transform:none}}.lesson-bar{display:none}@media (max-width:1100px){.lesson-bar{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:45;display:flex;align-items:center;gap:4px;padding:5px;border-radius:var(--radius-pill);background:var(--glass-menu-bg);-webkit-backdrop-filter:blur(28px) saturate(1.5);backdrop-filter:blur(28px) saturate(1.5);box-shadow:var(--glass-menu-shadow);transform:translateX(-50%);max-width:calc(100vw - 24px)}.lesson-bar-btn{display:inline-flex;align-items:center;gap:4px;height:44px;padding:0 14px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--ink);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer}.lesson-bar-btn:hover{background:var(--wash)}.lesson-bar-btn:active{transform:none}.lesson-bar-btn.is-main{background:var(--fill-inverse);color:var(--fill-inverse-ink);padding:0 18px}.lesson-bar-btn.is-disabled{opacity:.35;pointer-events:none}.lesson-bar-btn svg{width:18px;height:18px;flex:0 0 auto}.sheet .outline{box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}}@media (max-width:360px){.lesson-bar-btn span{display:none}.lesson-bar-btn.is-main span{display:inline}}.on-dark .ring-fill.is-done{stroke:var(--ok-lit)}.done-mark{flex:0 0 auto;color:var(--ink-faint)}.done-mark-ring{stroke:currentColor;transition:fill .2s var(--ease-standard),stroke .2s var(--ease-standard)}.done-mark.is-done{color:var(--ok)}.done-mark.is-done .done-mark-ring{fill:var(--ok)}.done-mark-check{stroke:#fff}.done-mark.is-next{color:var(--brand-amber)}.done-mark.is-next .done-mark-ring{stroke-width:2}.done-mark-spacer{width:22px;flex:0 0 auto}.on-dark .done-mark{color:rgba(255,255,255,.38)}.on-dark .done-mark.is-done{color:var(--ok-lit)}.on-dark .done-mark.is-done .done-mark-ring{fill:var(--ok-lit)}.on-dark .done-mark.is-done .done-mark-check{stroke:#1f1f1f}.done-line{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink)}.done-line.is-quiet{color:var(--ink-muted);font-weight:400}.bar-sm{height:4px}.progress-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 32px}.progress-strip-bar{display:flex;align-items:center;gap:12px;flex:0 1 380px;min-width:200px}.progress-strip-bar .bar{flex:1 1}.progress-strip-text{font-size:13px;color:var(--ink-muted);white-space:nowrap}.progress-strip .next-row{flex:1 1 360px;justify-content:flex-end}.next-row{display:flex;align-items:center;gap:12px;min-width:0}.next-row-glyph{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--yellow-cream);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-hair)}.next-row-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:0 1 auto}.next-row-label{font-size:12px;color:var(--ink-muted)}.next-row-name{font-size:14px;font-weight:500;color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.next-row-name:hover{text-decoration:underline}.next-row-btn{flex:0 0 auto;margin-left:4px}.next-row.on-dark .next-row-glyph{background:rgba(255,255,255,.1);color:var(--ink-on-dark);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.next-row.on-dark .next-row-label{color:rgba(250,250,248,.6)}.next-row.on-dark .next-row-name{color:var(--ink-on-dark)}@media (max-width:560px){.next-row{flex-wrap:wrap}.next-row-text{flex:1 1}.next-row-name{white-space:normal}.next-row-btn{width:100%;margin-left:0}.lesson-foot-nav .next-row,.progress-strip .next-row{justify-content:flex-start}}.page-head.is-hero .display-hero{font-size:clamp(30px,3.4vw,40px)}.anchor{height:100%;display:flex;flex-direction:column;gap:18px;padding:28px}.anchor-progress{font-size:13px;color:rgba(250,250,248,.68)}.cert-card{display:flex;flex-direction:column;gap:14px;min-height:100%}.figure-inline{font-size:26px;line-height:1}.course-page{max-width:880px}.course-filter{display:flex;justify-content:center}.course-filter .tabs-pill{align-self:center}.sb-logout{flex:1 1;background:var(--film);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-soft)}