:root{--canvas:#f8f6fc;--surface:#fff;--surface-subtle:#f3eef9;--surface-raised:#fff;--ink:#2b203c;--muted:#686273;--muted-light:#8e8799;--accent:#7650b5;--accent-hover:#613e9b;--accent-active:#4f2f84;--accent-wash:#f0ebfa;--accent-wash-hover:#e7defa;--on-accent:#fff;--border:#e3e0e9;--border-subtle:#ebe8f0;--border-strong:#cec7d8;--sidebar-bg:#2d203e;--sidebar-ink:#fff;--sidebar-text:#e9e2f2;--sidebar-muted:#b9a8ca;--sidebar-hover:#392a4b;--sidebar-active:#49335f;--sidebar-border:#4b385e;--gold:#d7b77d;--status-success:#2b6953;--status-success-bg:#edf5f0;--status-success-border:#bcd9c9;--status-warn:#8c5725;--status-warn-bg:#fbf2e6;--status-warn-border:#ead0b3;--status-error:#aa4351;--status-error-bg:#fbedef;--status-error-border:#e9b7bf;--status-neutral:#686273;--status-neutral-bg:#f0ebfa;--status-neutral-border:#e3e0e9;--font-family:var(--font-anuphan,"Anuphan", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);--font-size-label:12px;--font-size-secondary:14px;--font-size-body:16px;--font-size-h3:18px;--font-size-h2:24px;--font-size-h1:32px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.65;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--sidebar-width:clamp(224px, 15.6vw, 260px);--shell-zoom:1;--shell-unzoom:1;--topbar-height-base:64px;--topbar-height:calc(var(--topbar-height-base) * var(--shell-zoom));--bottom-nav-height:64px;--content-max-width:1200px;--touch-target-min:44px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--focus-ring-color:#7650b5;--focus-ring-width:3px;--focus-ring-offset:3px;--magic-panel-bg:#ede5f7;--magic-panel-glow:#dcc9f280;--magic-panel-border:#d9c9eb;--magic-panel-hint:#684596;--magic-orbit:#a47b38;--magic-sparkle:#9b722f;--magic-card-shadow:#49306321;--magic-glow-shadow:#7650b52b;--magic-glow-shadow-strong:#7650b533;--channel-mark-bg:#756481;--channel-mark-ink:#fff;--upload-zone-border:#b7a5ce;--canvas-glow-1:#efe4fc;--canvas-glow-2:#f3eafd;--canvas-from:#f1ecfc;--canvas-to:#e9e2f8;--canvas-bg:radial-gradient(1100px 560px at 100% 0%, var(--canvas-glow-1), transparent 62%), radial-gradient(900px 520px at 0% 0%, var(--canvas-glow-2), transparent 58%), linear-gradient(180deg, var(--canvas-from), var(--canvas-to));--glass-bg:#ffffffbd;--glass-border:#ffffffeb;--glass-edge:#7650b51a;--topbar-glass-bg:#ffffffe6;--glass-shadow:0 10px 30px #4930631a;--glass-shadow-hover:0 16px 40px #49306329;--hero-bg:#1e1546;--hero-ink:#fff;--hero-muted:#e7ddf7;--hero-edge:#7650b52e;--hero-scrim:linear-gradient(90deg, #18113c4d 0%, #18113c2e 30%, #18113c00 46%);--hero-scrim-m:linear-gradient(180deg, #18113c52 0%, #18113c2e 40%, #18113c00 60%);--hero-dim:linear-gradient(90deg, #0e09286b 0%, #0e092857 calc(max(37.5%, 306px) - 150px), #0e092847 calc(max(37.5%, 306px) - 40px), #0e092800 calc(max(37.5%, 306px) + 40px));--hero-dim-m:linear-gradient(180deg, #0e092861 0%, #0e092847 34%, #0e092800 52%);--hero-hair-shadow:linear-gradient(90deg, #0e092880 0%, #0e092880 9.7%, #0e09285c 11%, #0e09282b 12.3%, #0e09280d 13.1%, #0e092800 13.6%);--hero-orb-glow:#e2b2ff99;--hero-comet:#ffe296f2;--hero-quote-shadow:#2e1868d9;--gold-text-from:#f7dfa0;--gold-text-to:#d9a84e;--gold-text:linear-gradient(180deg, var(--gold-text-from), var(--gold-text-to));--gold-cta-from:#f6d88f;--gold-cta-to:#e2b65b;--gold-cta-bg:linear-gradient(135deg, var(--gold-cta-from), var(--gold-cta-to));--gold-cta-hover-from:#f9e2a8;--gold-cta-hover-to:#e8c06a;--gold-cta-bg-hover:linear-gradient(135deg, var(--gold-cta-hover-from), var(--gold-cta-hover-to));--on-gold:#2b1d3f;--gold-glow:#f2c94c73;--gold-cta-rim:#fff3d4f2;--gold-cta-sheen:#ffffff5c;--gold-cta-inner:#ffecbe8c;--gold-cta-halo:#ffcd6e80;--nav-active-from:#8a5dce;--nav-active-to:#5e3ba8;--sidebar-nav-active-bg:linear-gradient(100deg, var(--nav-active-from), var(--nav-active-to));--sidebar-nav-active-glow:#b48cf073;--sidebar-glass-bg:#1a1324d9;--sidebar-scene-fade:linear-gradient(180deg, var(--sidebar-bg) 0%, transparent 32%);--tint-violet-bg:#efe7fb;--tint-violet-ink:#6b46a8;--tint-peach-bg:#fdeee2;--tint-peach-ink:#a2541c;--tint-peach-border:#f6d7bf;--focus-ring-on-dark:#f2d79b;--sidebar-icon:#c9b6ee;--nav-active-rim:#ffffff38;--nav-active-icon:#fbe2b4;--nav-active-icon-fill:#f6cf8e;--metric-tile-from:#f6f1fe;--metric-tile-to:#e4d7fa;--metric-tile-shadow:#6b46a833;--metric-tile-peach-from:#fff5ec;--metric-tile-peach-to:#fbddc6;--metric-tile-peach-shadow:#a2541c2e;--bar-violet-top:#8458cc80;--bar-violet-bottom:#8458cc0f;--bar-peach-top:#de88428c;--bar-peach-bottom:#de88420f;--todo-item-bg:#ffffffe0;--cream-pill-bg:#fbf2e7;--cream-pill-bg-hover:#f7e7d4;--cream-pill-border:#eedcc6;--cream-pill-border-hover:#e0bf98;--cream-pill-ink:#4a3524;--cream-pill-icon:#b0753a;--cream-pill-shadow:0 2px 6px #a06e3c1a;--credit-gold:#f4cb86;--credit-of:#cdbae6;--credit-track-bg:#ffffff1a;--credit-track-edge:#ffffff24;--credit-fill-from:#fbe3a6;--credit-fill-to:#d9a84e;--credit-fill-glow:#f2c98a73;--credit-coin-face:#f7d58e;--credit-coin-side:#c98f3a;--credit-coin-rim:#fcebc2;--quote-sky:#b9a0ef;--quote-scrim:radial-gradient(90% 75% at 41% 24%, #ffffff57, transparent 70%);--home-sky:radial-gradient(36% 120% at 72% -12%, #fff9, transparent 70%), radial-gradient(28% 90% at 34% -6%, #fff2fa80, transparent 75%), linear-gradient(180deg, #dcdaf9 0%, #e3defa 40%, #e9e2f800 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas:#21192c;--surface:#2b2137;--surface-subtle:#241b2e;--surface-raised:#342842;--ink:#f1eaf7;--muted:#b8abc7;--muted-light:#9486a4;--accent:#bc99f0;--accent-hover:#d1b3fb;--accent-active:#e4ceff;--accent-wash:#3b2b4b;--accent-wash-hover:#48345c;--on-accent:#21192c;--border:#493953;--border-subtle:#3a2c44;--border-strong:#644f72;--sidebar-bg:#1a1324;--sidebar-ink:#fff;--sidebar-text:#f1eaf7;--sidebar-muted:#b8abc7;--sidebar-hover:#291e38;--sidebar-active:#3b2b4b;--sidebar-border:#38274a;--gold:#d7b77d;--status-success:#a4d6b8;--status-success-bg:#273b32;--status-success-border:#3d5a4d;--status-warn:#e9c18b;--status-warn-bg:#403222;--status-warn-border:#644e36;--status-error:#efacb9;--status-error-bg:#422533;--status-error-border:#67374c;--status-neutral:#b8abc7;--status-neutral-bg:#3b2b4b;--status-neutral-border:#493953;--focus-ring-color:#bc99f0;--magic-panel-bg:#372447;--magic-panel-glow:#7852a547;--magic-panel-border:#654681;--magic-panel-hint:#d2b3f3;--magic-orbit:#d7b77d;--magic-sparkle:#e2c58e;--magic-card-shadow:#00000040;--magic-glow-shadow:#bc99f02b;--magic-glow-shadow-strong:#bc99f033;--channel-mark-bg:#756481;--channel-mark-ink:#fff;--upload-zone-border:#7b6694;--canvas-glow-1:#3a2552;--canvas-glow-2:#2e2042;--canvas-from:#1d1528;--canvas-to:#231a30;--canvas-bg:radial-gradient(1100px 560px at 100% 0%, var(--canvas-glow-1), transparent 62%), radial-gradient(900px 520px at 0% 0%, var(--canvas-glow-2), transparent 58%), linear-gradient(180deg, var(--canvas-from), var(--canvas-to));--glass-bg:#2b2137c7;--glass-border:#ffffff14;--glass-edge:#bc99f024;--topbar-glass-bg:#21192ce6;--glass-shadow:0 10px 30px #00000059;--glass-shadow-hover:0 16px 40px #00000073;--hero-bg:#1e1546;--hero-ink:#fff;--hero-muted:#e7ddf7;--hero-edge:#bc99f047;--hero-scrim:linear-gradient(90deg, #18113c4d 0%, #18113c2e 30%, #18113c00 46%);--hero-scrim-m:linear-gradient(180deg, #18113c52 0%, #18113c2e 40%, #18113c00 60%);--hero-dim:linear-gradient(90deg, #0e09286b 0%, #0e092857 calc(max(37.5%, 306px) - 150px), #0e092847 calc(max(37.5%, 306px) - 40px), #0e092800 calc(max(37.5%, 306px) + 40px));--hero-dim-m:linear-gradient(180deg, #0e092861 0%, #0e092847 34%, #0e092800 52%);--hero-hair-shadow:linear-gradient(90deg, #0e092880 0%, #0e092880 9.7%, #0e09285c 11%, #0e09282b 12.3%, #0e09280d 13.1%, #0e092800 13.6%);--hero-orb-glow:#e2b2ff99;--hero-comet:#ffe296f2;--hero-quote-shadow:#2e1868d9;--gold-text-from:#f7dfa0;--gold-text-to:#d9a84e;--gold-text:linear-gradient(180deg, var(--gold-text-from), var(--gold-text-to));--gold-cta-from:#f6d88f;--gold-cta-to:#e2b65b;--gold-cta-bg:linear-gradient(135deg, var(--gold-cta-from), var(--gold-cta-to));--gold-cta-hover-from:#f9e2a8;--gold-cta-hover-to:#e8c06a;--gold-cta-bg-hover:linear-gradient(135deg, var(--gold-cta-hover-from), var(--gold-cta-hover-to));--on-gold:#2b1d3f;--gold-glow:#f2c94c73;--gold-cta-rim:#fff3d4f2;--gold-cta-sheen:#ffffff5c;--gold-cta-inner:#ffecbe8c;--gold-cta-halo:#ffcd6e80;--nav-active-from:#8a5dce;--nav-active-to:#5e3ba8;--sidebar-nav-active-bg:linear-gradient(100deg, var(--nav-active-from), var(--nav-active-to));--sidebar-nav-active-glow:#b48cf073;--sidebar-glass-bg:#1a1324d9;--sidebar-scene-fade:linear-gradient(180deg, var(--sidebar-bg) 0%, transparent 32%);--tint-violet-bg:#3b2b4b;--tint-violet-ink:#d2b3f3;--tint-peach-bg:#43301f;--tint-peach-ink:#f0c495;--tint-peach-border:#6a4c30;--focus-ring-on-dark:#f2d79b;--sidebar-icon:#c9b6ee;--nav-active-rim:#ffffff38;--nav-active-icon:#fbe2b4;--nav-active-icon-fill:#f6cf8e;--metric-tile-from:#4a3860;--metric-tile-to:#34263f;--metric-tile-shadow:#00000059;--metric-tile-peach-from:#4f3a28;--metric-tile-peach-to:#3a2a1d;--metric-tile-peach-shadow:#00000059;--bar-violet-top:#d2b3f37a;--bar-violet-bottom:#d2b3f30f;--bar-peach-top:#f0c49580;--bar-peach-bottom:#f0c4950f;--todo-item-bg:#342842eb;--cream-pill-bg:#3a2c22;--cream-pill-bg-hover:#45352a;--cream-pill-border:#5c4532;--cream-pill-border-hover:#7a5c42;--cream-pill-ink:#f3dec6;--cream-pill-icon:#e8b97e;--cream-pill-shadow:0 2px 6px #00000040;--credit-gold:#f4cb86;--credit-of:#cdbae6;--credit-track-bg:#ffffff1a;--credit-track-edge:#ffffff24;--credit-fill-from:#fbe3a6;--credit-fill-to:#d9a84e;--credit-fill-glow:#f2c98a73;--credit-coin-face:#f7d58e;--credit-coin-side:#c98f3a;--credit-coin-rim:#fcebc2;--quote-sky:#161541;--quote-scrim:radial-gradient(90% 75% at 41% 24%, #100a2452, transparent 70%);--home-sky:radial-gradient(38% 120% at 80% -10%, #845cd64d, transparent 70%), linear-gradient(180deg, #19123a 0%, #1c1533 42%, #1d152800 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark],.theme-dark{--canvas:#21192c;--surface:#2b2137;--surface-subtle:#241b2e;--surface-raised:#342842;--ink:#f1eaf7;--muted:#b8abc7;--muted-light:#9486a4;--accent:#bc99f0;--accent-hover:#d1b3fb;--accent-active:#e4ceff;--accent-wash:#3b2b4b;--accent-wash-hover:#48345c;--on-accent:#21192c;--border:#493953;--border-subtle:#3a2c44;--border-strong:#644f72;--sidebar-bg:#1a1324;--sidebar-ink:#fff;--sidebar-text:#f1eaf7;--sidebar-muted:#b8abc7;--sidebar-hover:#291e38;--sidebar-active:#3b2b4b;--sidebar-border:#38274a;--gold:#d7b77d;--status-success:#a4d6b8;--status-success-bg:#273b32;--status-success-border:#3d5a4d;--status-warn:#e9c18b;--status-warn-bg:#403222;--status-warn-border:#644e36;--status-error:#efacb9;--status-error-bg:#422533;--status-error-border:#67374c;--status-neutral:#b8abc7;--status-neutral-bg:#3b2b4b;--status-neutral-border:#493953;--focus-ring-color:#bc99f0;--magic-panel-bg:#372447;--magic-panel-glow:#7852a547;--magic-panel-border:#654681;--magic-panel-hint:#d2b3f3;--magic-orbit:#d7b77d;--magic-sparkle:#e2c58e;--magic-card-shadow:#00000040;--magic-glow-shadow:#bc99f02b;--magic-glow-shadow-strong:#bc99f033;--channel-mark-bg:#756481;--channel-mark-ink:#fff;--upload-zone-border:#7b6694;--canvas-glow-1:#3a2552;--canvas-glow-2:#2e2042;--canvas-from:#1d1528;--canvas-to:#231a30;--canvas-bg:radial-gradient(1100px 560px at 100% 0%, var(--canvas-glow-1), transparent 62%), radial-gradient(900px 520px at 0% 0%, var(--canvas-glow-2), transparent 58%), linear-gradient(180deg, var(--canvas-from), var(--canvas-to));--glass-bg:#2b2137c7;--glass-border:#ffffff14;--glass-edge:#bc99f024;--topbar-glass-bg:#21192ce6;--glass-shadow:0 10px 30px #00000059;--glass-shadow-hover:0 16px 40px #00000073;--hero-bg:#1e1546;--hero-ink:#fff;--hero-muted:#e7ddf7;--hero-edge:#bc99f047;--hero-scrim:linear-gradient(90deg, #18113c4d 0%, #18113c2e 30%, #18113c00 46%);--hero-scrim-m:linear-gradient(180deg, #18113c52 0%, #18113c2e 40%, #18113c00 60%);--hero-dim:linear-gradient(90deg, #0e09286b 0%, #0e092857 calc(max(37.5%, 306px) - 150px), #0e092847 calc(max(37.5%, 306px) - 40px), #0e092800 calc(max(37.5%, 306px) + 40px));--hero-dim-m:linear-gradient(180deg, #0e092861 0%, #0e092847 34%, #0e092800 52%);--hero-hair-shadow:linear-gradient(90deg, #0e092880 0%, #0e092880 9.7%, #0e09285c 11%, #0e09282b 12.3%, #0e09280d 13.1%, #0e092800 13.6%);--hero-orb-glow:#e2b2ff99;--hero-comet:#ffe296f2;--hero-quote-shadow:#2e1868d9;--gold-text-from:#f7dfa0;--gold-text-to:#d9a84e;--gold-text:linear-gradient(180deg, var(--gold-text-from), var(--gold-text-to));--gold-cta-from:#f6d88f;--gold-cta-to:#e2b65b;--gold-cta-bg:linear-gradient(135deg, var(--gold-cta-from), var(--gold-cta-to));--gold-cta-hover-from:#f9e2a8;--gold-cta-hover-to:#e8c06a;--gold-cta-bg-hover:linear-gradient(135deg, var(--gold-cta-hover-from), var(--gold-cta-hover-to));--on-gold:#2b1d3f;--gold-glow:#f2c94c73;--gold-cta-rim:#fff3d4f2;--gold-cta-sheen:#ffffff5c;--gold-cta-inner:#ffecbe8c;--gold-cta-halo:#ffcd6e80;--nav-active-from:#8a5dce;--nav-active-to:#5e3ba8;--sidebar-nav-active-bg:linear-gradient(100deg, var(--nav-active-from), var(--nav-active-to));--sidebar-nav-active-glow:#b48cf073;--sidebar-glass-bg:#1a1324d9;--sidebar-scene-fade:linear-gradient(180deg, var(--sidebar-bg) 0%, transparent 32%);--tint-violet-bg:#3b2b4b;--tint-violet-ink:#d2b3f3;--tint-peach-bg:#43301f;--tint-peach-ink:#f0c495;--tint-peach-border:#6a4c30;--focus-ring-on-dark:#f2d79b;--sidebar-icon:#c9b6ee;--nav-active-rim:#ffffff38;--nav-active-icon:#fbe2b4;--nav-active-icon-fill:#f6cf8e;--metric-tile-from:#4a3860;--metric-tile-to:#34263f;--metric-tile-shadow:#00000059;--metric-tile-peach-from:#4f3a28;--metric-tile-peach-to:#3a2a1d;--metric-tile-peach-shadow:#00000059;--bar-violet-top:#d2b3f37a;--bar-violet-bottom:#d2b3f30f;--bar-peach-top:#f0c49580;--bar-peach-bottom:#f0c4950f;--todo-item-bg:#342842eb;--cream-pill-bg:#3a2c22;--cream-pill-bg-hover:#45352a;--cream-pill-border:#5c4532;--cream-pill-border-hover:#7a5c42;--cream-pill-ink:#f3dec6;--cream-pill-icon:#e8b97e;--cream-pill-shadow:0 2px 6px #00000040;--credit-gold:#f4cb86;--credit-of:#cdbae6;--credit-track-bg:#ffffff1a;--credit-track-edge:#ffffff24;--credit-fill-from:#fbe3a6;--credit-fill-to:#d9a84e;--credit-fill-glow:#f2c98a73;--credit-coin-face:#f7d58e;--credit-coin-side:#c98f3a;--credit-coin-rim:#fcebc2;--quote-sky:#161541;--quote-scrim:radial-gradient(90% 75% at 41% 24%, #100a2452, transparent 70%);--home-sky:radial-gradient(38% 120% at 80% -10%, #845cd64d, transparent 70%), linear-gradient(180deg, #19123a 0%, #1c1533 42%, #1d152800 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light],.theme-light{--canvas:#f8f6fc;--surface:#fff;--surface-subtle:#f3eef9;--surface-raised:#fff;--ink:#2b203c;--muted:#686273;--muted-light:#8e8799;--accent:#7650b5;--accent-hover:#613e9b;--accent-active:#4f2f84;--accent-wash:#f0ebfa;--accent-wash-hover:#e7defa;--on-accent:#fff;--border:#e3e0e9;--border-subtle:#ebe8f0;--border-strong:#cec7d8;--sidebar-bg:#2d203e;--sidebar-ink:#fff;--sidebar-text:#e9e2f2;--sidebar-muted:#b9a8ca;--sidebar-hover:#392a4b;--sidebar-active:#49335f;--sidebar-border:#4b385e;--gold:#d7b77d;--status-success:#2b6953;--status-success-bg:#edf5f0;--status-success-border:#bcd9c9;--status-warn:#8c5725;--status-warn-bg:#fbf2e6;--status-warn-border:#ead0b3;--status-error:#aa4351;--status-error-bg:#fbedef;--status-error-border:#e9b7bf;--status-neutral:#686273;--status-neutral-bg:#f0ebfa;--status-neutral-border:#e3e0e9;--focus-ring-color:#7650b5;--magic-panel-bg:#ede5f7;--magic-panel-glow:#dcc9f280;--magic-panel-border:#d9c9eb;--magic-panel-hint:#684596;--magic-orbit:#a47b38;--magic-sparkle:#9b722f;--magic-card-shadow:#49306321;--magic-glow-shadow:#7650b52b;--magic-glow-shadow-strong:#7650b533;--channel-mark-bg:#756481;--channel-mark-ink:#fff;--upload-zone-border:#b7a5ce;--canvas-glow-1:#efe4fc;--canvas-glow-2:#f3eafd;--canvas-from:#f1ecfc;--canvas-to:#e9e2f8;--canvas-bg:radial-gradient(1100px 560px at 100% 0%, var(--canvas-glow-1), transparent 62%), radial-gradient(900px 520px at 0% 0%, var(--canvas-glow-2), transparent 58%), linear-gradient(180deg, var(--canvas-from), var(--canvas-to));--glass-bg:#ffffffbd;--glass-border:#ffffffeb;--glass-edge:#7650b51a;--topbar-glass-bg:#ffffffe6;--glass-shadow:0 10px 30px #4930631a;--glass-shadow-hover:0 16px 40px #49306329;--hero-bg:#1e1546;--hero-ink:#fff;--hero-muted:#e7ddf7;--hero-edge:#7650b52e;--hero-scrim:linear-gradient(90deg, #18113c4d 0%, #18113c2e 30%, #18113c00 46%);--hero-scrim-m:linear-gradient(180deg, #18113c52 0%, #18113c2e 40%, #18113c00 60%);--hero-dim:linear-gradient(90deg, #0e09286b 0%, #0e092857 calc(max(37.5%, 306px) - 150px), #0e092847 calc(max(37.5%, 306px) - 40px), #0e092800 calc(max(37.5%, 306px) + 40px));--hero-dim-m:linear-gradient(180deg, #0e092861 0%, #0e092847 34%, #0e092800 52%);--hero-hair-shadow:linear-gradient(90deg, #0e092880 0%, #0e092880 9.7%, #0e09285c 11%, #0e09282b 12.3%, #0e09280d 13.1%, #0e092800 13.6%);--hero-orb-glow:#e2b2ff99;--hero-comet:#ffe296f2;--hero-quote-shadow:#2e1868d9;--gold-text-from:#f7dfa0;--gold-text-to:#d9a84e;--gold-text:linear-gradient(180deg, var(--gold-text-from), var(--gold-text-to));--gold-cta-from:#f6d88f;--gold-cta-to:#e2b65b;--gold-cta-bg:linear-gradient(135deg, var(--gold-cta-from), var(--gold-cta-to));--gold-cta-hover-from:#f9e2a8;--gold-cta-hover-to:#e8c06a;--gold-cta-bg-hover:linear-gradient(135deg, var(--gold-cta-hover-from), var(--gold-cta-hover-to));--on-gold:#2b1d3f;--gold-glow:#f2c94c73;--gold-cta-rim:#fff3d4f2;--gold-cta-sheen:#ffffff5c;--gold-cta-inner:#ffecbe8c;--gold-cta-halo:#ffcd6e80;--nav-active-from:#8a5dce;--nav-active-to:#5e3ba8;--sidebar-nav-active-bg:linear-gradient(100deg, var(--nav-active-from), var(--nav-active-to));--sidebar-nav-active-glow:#b48cf073;--sidebar-glass-bg:#1a1324d9;--sidebar-scene-fade:linear-gradient(180deg, var(--sidebar-bg) 0%, transparent 32%);--tint-violet-bg:#efe7fb;--tint-violet-ink:#6b46a8;--tint-peach-bg:#fdeee2;--tint-peach-ink:#a2541c;--tint-peach-border:#f6d7bf;--focus-ring-on-dark:#f2d79b;--sidebar-icon:#c9b6ee;--nav-active-rim:#ffffff38;--nav-active-icon:#fbe2b4;--nav-active-icon-fill:#f6cf8e;--metric-tile-from:#f6f1fe;--metric-tile-to:#e4d7fa;--metric-tile-shadow:#6b46a833;--metric-tile-peach-from:#fff5ec;--metric-tile-peach-to:#fbddc6;--metric-tile-peach-shadow:#a2541c2e;--bar-violet-top:#8458cc80;--bar-violet-bottom:#8458cc0f;--bar-peach-top:#de88428c;--bar-peach-bottom:#de88420f;--todo-item-bg:#ffffffe0;--cream-pill-bg:#fbf2e7;--cream-pill-bg-hover:#f7e7d4;--cream-pill-border:#eedcc6;--cream-pill-border-hover:#e0bf98;--cream-pill-ink:#4a3524;--cream-pill-icon:#b0753a;--cream-pill-shadow:0 2px 6px #a06e3c1a;--credit-gold:#f4cb86;--credit-of:#cdbae6;--credit-track-bg:#ffffff1a;--credit-track-edge:#ffffff24;--credit-fill-from:#fbe3a6;--credit-fill-to:#d9a84e;--credit-fill-glow:#f2c98a73;--credit-coin-face:#f7d58e;--credit-coin-side:#c98f3a;--credit-coin-rim:#fcebc2;--quote-sky:#b9a0ef;--quote-scrim:radial-gradient(90% 75% at 41% 24%, #ffffff57, transparent 70%);--home-sky:radial-gradient(36% 120% at 72% -12%, #fff9, transparent 70%), radial-gradient(28% 90% at 34% -6%, #fff2fa80, transparent 75%), linear-gradient(180deg, #dcdaf9 0%, #e3defa 40%, #e9e2f800 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (min-width:1800px){:root{--shell-zoom:1.07;--shell-unzoom:.934579}}@media (min-width:1920px){:root{--shell-zoom:1.14;--shell-unzoom:.877193}}@media (min-width:2048px){:root{--shell-zoom:1.22;--shell-unzoom:.819672}}@media (min-width:2200px){:root{--shell-zoom:1.31;--shell-unzoom:.763359}}@media (min-width:2400px){:root{--shell-zoom:1.43;--shell-unzoom:.699301}}@media (min-width:2560px){:root{--shell-zoom:1.52;--shell-unzoom:.657895}}
@font-face{font-family:Anuphan Fallback;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0%;size-adjust:101.17%}html{--font-anuphan:var(--font-anuphan-latin), var(--font-anuphan-latin-ext), var(--font-anuphan-vietnamese), var(--font-anuphan-thai), "Anuphan Fallback"}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--canvas);min-height:100vh;color:var(--ink);font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}h1,h2,h3,h4,p,ul,ol{margin:0;padding:0}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--ink);letter-spacing:-.02em}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--ink)}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--ink)}p{color:var(--muted);font-size:var(--font-size-secondary)}small{font-size:var(--font-size-label);color:var(--muted)}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;box-sizing:border-box}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.55}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);border-radius:var(--radius-sm);font-size:var(--font-size-secondary);font-weight:var(--font-weight-semibold);white-space:nowrap;border:1px solid #0000;padding:10px 20px;line-height:1.4;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn-primary{background-color:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-primary:active:not(:disabled){background-color:var(--accent-active)}.btn-secondary{background-color:var(--surface);border-color:var(--border);color:var(--ink)}.btn-secondary:hover:not(:disabled){background-color:var(--accent-wash);border-color:var(--accent);color:var(--accent)}.btn-ghost{color:var(--muted);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--accent-wash);color:var(--ink)}.btn-link{align-items:center;gap:var(--space-1);min-height:36px;color:var(--accent);font-size:var(--font-size-secondary);font-weight:var(--font-weight-medium);background:0 0;border:none;padding:4px 8px;display:inline-flex}.btn-link:hover{text-underline-offset:4px;text-decoration:underline}.status-badge{border-radius:var(--radius-xs);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.status-badge.success{background-color:var(--status-success-bg);color:var(--status-success);border-color:var(--status-success-border)}.status-badge.warn{background-color:var(--status-warn-bg);color:var(--status-warn);border-color:var(--status-warn-border)}.status-badge.error{background-color:var(--status-error-bg);color:var(--status-error);border-color:var(--status-error-border)}.status-badge.neutral{background-color:var(--status-neutral-bg);color:var(--status-neutral);border-color:var(--status-neutral-border)}.witch-ornament{color:var(--gold);-webkit-user-select:none;user-select:none;font-style:normal;display:inline-block}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.notice-banner{background-color:var(--accent-wash);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--font-size-secondary);color:var(--ink);align-items:center;gap:var(--space-3);display:flex}.notice-banner.warn{background-color:var(--status-warn-bg);border-color:var(--status-warn-border);color:var(--status-warn)}.notice-banner.success{background-color:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success)}.app-layout{min-height:100vh;display:flex}.workspace{margin-left:calc(var(--sidebar-width) * var(--shell-zoom));min-height:100vh;width:calc(100% - var(--sidebar-width) * var(--shell-zoom));background-color:var(--canvas);background-image:var(--canvas-bg);flex-direction:column;flex:1;display:flex}.main-content{max-width:var(--content-max-width);box-sizing:border-box;flex:1;width:100%;margin:0 auto;padding:32px 40px 48px}.workspace-footer{width:calc(100% - 80px);max-width:calc(var(--content-max-width) - 80px);border:1px solid var(--glass-border);background-color:var(--glass-bg);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto 24px;padding:14px 24px;font-size:13px;display:flex}.main-content:has([data-home-page]){zoom:var(--shell-zoom);isolation:isolate;max-width:none;padding:10px max(28px,50% - 828px) 20px;position:relative}.app-layout:has([data-home-page]) .workspace-footer{zoom:var(--shell-zoom);width:auto;max-width:none;margin:0 max(28px,50% - 828px) 20px;font-size:13.5px}.workspace-footer-brand{flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;display:inline-flex}.workspace-footer-moon{color:var(--gold);flex:none}.workspace-footer-name{color:var(--ink);font-weight:600}.workspace-footer-motto{letter-spacing:.06em;white-space:nowrap}.sidebar{z-index:30;zoom:var(--shell-zoom);--nav-sparkle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23FFF3D1' stop-opacity='.9'/%3E%3Cstop offset='1' stop-color='%23F2C98A' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='12' cy='12' r='11' fill='url(%23g)'/%3E%3Cpath d='M12 3l1.6 7.4L21 12l-7.4 1.6L12 21l-1.6-7.4L3 12l7.4-1.6z' fill='%23FFE7B0'/%3E%3C/svg%3E");width:var(--sidebar-width);overscroll-behavior:contain;color:var(--sidebar-text);background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);box-shadow:var(--glass-shadow);scrollbar-width:thin;scrollbar-color:var(--sidebar-border) transparent;border-radius:0 28px 28px 0;flex-direction:column;padding:26px 14px 14px;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar>*{flex-shrink:0}.sidebar :focus-visible,.mobile-bottom-nav :focus-visible{outline-color:var(--focus-ring-on-dark)}.sidebar-logo{color:var(--sidebar-ink);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:4px 8px 24px;text-decoration:none;display:flex;position:relative}.sidebar-logo:before,.sidebar-logo:after{content:"✦";content:"✦" / "";color:var(--gold);pointer-events:none;line-height:1;position:absolute}.sidebar-logo:before{font-size:14px;top:16px;left:16%}.sidebar-logo:after{font-size:10px;top:42px;right:16%}.sidebar-logo-mark{width:46px;height:46px;color:var(--gold);place-items:center;line-height:1;display:grid}.sidebar-logo-name{letter-spacing:-.01em;color:var(--sidebar-ink);font-size:30px;font-weight:700;line-height:1.2}.sidebar-logo-tagline{color:var(--sidebar-muted);font-size:13.5px}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.sidebar-nav-link{white-space:nowrap;min-height:56px;color:var(--sidebar-text);isolation:isolate;border-radius:16px;align-items:center;gap:clamp(12px,1.7vw - 12.4px,16px);padding:0 clamp(14px,1.7vw - 10.4px,18px);font-size:clamp(15px,1.27vw - 3.2px,18px);font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:flex;position:relative}.sidebar-nav-link:hover{background-color:var(--sidebar-hover);color:var(--sidebar-ink)}.sidebar-nav-link svg{color:var(--sidebar-icon);flex:none}.sidebar-nav-link[aria-current=page]{color:var(--sidebar-ink);background-image:var(--nav-sparkle), radial-gradient(circle at calc(100% - 14px) calc(100% - 12px), #ffd68c80, transparent 22px), var(--sidebar-nav-active-bg);box-shadow:inset 0 0 0 1px var(--nav-active-rim), inset 0 1px 0 #ffffff47;background-position:right 2px bottom 0,0 0,0 0;background-repeat:no-repeat,no-repeat,no-repeat;background-size:24px 24px,100% 100%,100% 100%;font-weight:600}.sidebar-nav-link[aria-current=page] svg{color:var(--nav-active-icon)}.sidebar-nav-link[aria-current=page][href=\/] svg path{fill:var(--nav-active-icon-fill);fill-rule:evenodd}.sidebar-nav-link[aria-current=page]:after{content:"";z-index:-1;border-radius:inherit;box-shadow:0 0 20px 2px var(--sidebar-nav-active-glow);pointer-events:none;position:absolute;inset:0}.sidebar-note{border-top:1px solid var(--sidebar-border);align-items:flex-start;gap:10px;margin-top:22px;padding:14px 10px 0;display:flex}.sidebar-note-mark{color:var(--gold);-webkit-user-select:none;user-select:none;font-size:20px;line-height:1}.sidebar-note p{text-wrap:balance;color:var(--sidebar-muted);margin:0;font-size:12.5px;line-height:1.55}.sidebar-bottom{flex-direction:column;flex:auto;gap:10px;margin:8px -14px -14px;padding:0 14px 14px;display:flex}@media (min-width:769px){.sidebar-bottom{background-image:var(--sidebar-scene-fade), url(../media/sidebar-castle.1a6_9oh7il0mm.webp);background-position:top,65% 0;background-repeat:no-repeat;background-size:100% 100%,cover}}.sidebar-scene{flex:1 1 0;min-height:0;position:relative;container:sidebar-scene/size}.sidebar-bottom>.sidebar-card{flex-shrink:0}@container sidebar-scene (max-height:109px){.sidebar-motto{display:none}}.sidebar-motto{width:8.4em;font-family:var(--font-deco-en), cursive;text-align:right;color:var(--gold-text-from);text-shadow:0 1px 2px #120a24e6,0 0 12px #120a24bf;transform-origin:100% 0;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:21px;line-height:1.05;position:absolute;top:14px;bottom:auto;right:6px;transform:rotate(-10deg)}@media (min-width:769px) and (max-height:759px){.sidebar-note{display:none}.sidebar-nav{gap:6px}.sidebar-logo{padding-bottom:16px}}.sidebar-card{width:100%;min-height:var(--touch-target-min);border:1px solid var(--sidebar-border);background-color:var(--sidebar-glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--sidebar-text);text-align:left;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}.sidebar-card:hover{border-color:var(--sidebar-nav-active-glow)}.sidebar-credit{grid-template-columns:30px minmax(0,1fr);grid-template-areas:"icon body""bar bar";align-items:center;gap:10px 12px;padding:14px 16px 16px;display:grid}.sidebar-credit-icon{color:var(--gold);filter:drop-shadow(0 2px 6px #f2be6459);flex:none;grid-area:icon;place-items:center;display:grid}.sidebar-credit-icon .coin-face{fill:var(--credit-coin-face)}.sidebar-credit-icon .coin-side{fill:var(--credit-coin-side)}.sidebar-credit-icon .coin-rim{fill:var(--credit-coin-rim)}.sidebar-credit-body{flex-direction:column;flex:1;grid-area:body;gap:3px;min-width:0;display:flex}.sidebar-credit-label{color:var(--sidebar-muted);font-size:13.5px}.sidebar-credit-value{color:var(--sidebar-muted);flex-wrap:wrap;align-items:baseline;font-size:13px;display:flex}.sidebar-credit-value strong{color:var(--credit-gold);font-size:21px;font-weight:700;line-height:1.2}.sidebar-credit-of{color:var(--credit-of);white-space:pre;font-size:18px;font-weight:500}.sidebar-credit-bar{background-color:var(--credit-track-bg);height:8px;box-shadow:inset 0 0 0 1px var(--credit-track-edge);border-radius:999px;grid-area:bar;margin-top:0;display:block;overflow:hidden}.sidebar-credit-bar>span{border-radius:inherit;background-image:linear-gradient(90deg, var(--credit-fill-from), var(--credit-fill-to));height:100%;box-shadow:0 0 10px var(--credit-fill-glow);display:block}.sidebar-account{gap:clamp(10px,.75vw,12px)}.sidebar-avatar{width:clamp(40px,2.8vw,46px);height:clamp(40px,2.8vw,46px);color:var(--tint-violet-ink);background-color:var(--tint-violet-bg);box-shadow:0 0 0 2px var(--gold-text-to);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid}.sidebar-account-text{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-account-name,.sidebar-account-role{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-account-name{color:var(--sidebar-ink);font-size:16px;font-weight:700}.sidebar-account-role{color:var(--sidebar-muted);font-size:13px}.sidebar-account-chevron{color:var(--sidebar-muted);flex:none;font-size:22px;line-height:1}.topbar{z-index:20;zoom:var(--shell-zoom);height:var(--topbar-height-base);box-sizing:border-box;isolation:isolate;justify-content:space-between;align-items:center;gap:16px;padding:0 max(28px,50% - 828px);display:flex;position:sticky;top:0}.topbar:before{content:"";z-index:-1;background-color:var(--topbar-glass-bg);border-bottom:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);pointer-events:none;position:absolute;inset:0}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.topbar:before{animation:linear both topbar-glass;animation-timeline:scroll(root);animation-range:0 48px}}}@keyframes topbar-glass{0%{opacity:0}to{opacity:1}}.topbar-crumb{align-items:center;gap:12px;min-width:0;display:flex}.topbar-mark{border:1px solid var(--glass-border);width:44px;height:44px;color:var(--accent);background-color:var(--glass-bg);box-shadow:var(--glass-shadow);border-radius:14px;flex:none;place-items:center;line-height:1;display:grid}.topbar-mark svg{width:24px;height:24px}.topbar-crumb-text{white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:16.5px;display:flex;overflow:hidden}.topbar-crumb-sep{color:var(--tint-violet-ink)}.topbar-crumb-page{color:var(--ink);font-size:16px;font-weight:500}.topbar-tools{flex:none;align-items:center;gap:12px;display:flex}.topbar-brand-btn,.topbar-tool,.topbar-avatar{border:1px solid var(--glass-border);background-color:var(--glass-bg);box-shadow:var(--glass-shadow);color:var(--ink);transition:box-shadow .15s,border-color .15s}.topbar-brand-btn:hover:not(:disabled),.topbar-tool:hover{border-color:var(--glass-border);background-color:var(--glass-bg);color:var(--ink)}.topbar-brand-btn:hover:not(:disabled),.topbar-tool:hover,.topbar-avatar:hover{box-shadow:var(--glass-shadow-hover)}.topbar-brand-btn{border-radius:14px;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.topbar-brand-btn svg{width:20px;height:20px;color:var(--accent)}.topbar-brand-btn[aria-current=page]{border-color:var(--accent)}.topbar-tool{min-width:var(--touch-target-min);min-height:var(--touch-target-min);border-radius:14px;justify-content:center;align-items:center;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.topbar-tool svg{width:20px;height:20px}.topbar-avatar{width:var(--touch-target-min);height:var(--touch-target-min);color:var(--tint-violet-ink);background-color:var(--tint-violet-bg);border-radius:50%;place-items:center;font-size:15px;font-weight:700;display:grid}.mobile-bottom-nav{z-index:40;height:var(--bottom-nav-height);padding:0 6px env(safe-area-inset-bottom,0);box-sizing:border-box;background-color:var(--sidebar-bg);border-top:1px solid var(--sidebar-border);grid-template-columns:repeat(4,1fr);align-items:center;position:fixed;bottom:0;left:0;right:0}.bottom-nav-link{min-height:var(--touch-target-min);height:calc(100% - 12px);color:var(--sidebar-muted);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:6px 3px;padding:4px 2px;font-size:11px;font-weight:500;line-height:1;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.bottom-nav-link[aria-current=page]{color:var(--sidebar-ink);background-image:var(--sidebar-nav-active-bg);font-weight:600}@media (prefers-reduced-motion:reduce){.sidebar-nav-link,.topbar-brand-btn,.topbar-tool,.topbar-avatar,.bottom-nav-link{transition:none}}.desktop-sidebar{display:flex!important}.mobile-bottom-nav{display:none!important}@media (max-width:768px){.desktop-sidebar{display:none!important}.mobile-bottom-nav{display:grid!important}.workspace{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,16px));width:100%!important;margin-left:0!important}.topbar{padding:0 16px!important}.topbar-brand-btn{display:none!important}.main-content{padding:20px 16px 32px!important}.workspace-footer{text-align:center;flex-direction:column;gap:8px;width:calc(100% - 32px);margin-bottom:16px;padding:16px!important}.workspace-footer-brand{justify-content:center}.workspace-footer-motto{white-space:normal;text-wrap:balance}}@media (max-width:700px){.topbar-crumb-sep,.topbar-crumb-page--with-brand{display:none}}