: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);--sidebar-radius:28px;--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(--sidebar-radius)) * var(--shell-zoom));padding-left:calc(var(--sidebar-radius) * var(--shell-zoom));min-height:100vh;width:calc(100% - (var(--sidebar-width) - var(--sidebar-radius)) * 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],[data-queue-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],[data-queue-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);border-radius:0 var(--sidebar-radius) var(--sidebar-radius) 0;box-shadow:var(--glass-shadow);scrollbar-width:thin;scrollbar-color:var(--sidebar-border) transparent;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:"";inset:0;left:calc(-1 * var(--sidebar-radius));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}@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-left:0;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:before{left:0}.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}}:root{--sparkle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0l2.4 9.6L24 12l-9.6 2.4L12 24l-2.4-9.6L0 12l9.6-2.4z'/%3E%3C/svg%3E");--side-w:clamp(330px, 27.1%, 380px)}.magic-glass{border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:var(--glass-shadow), inset 0 0 0 1px var(--glass-edge);border-radius:22px}.magic-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.magic-metric{border-radius:20px;align-items:center;min-width:0;min-height:110px;padding:18px 22px;transition:transform .18s;display:flex;position:relative;overflow:hidden;container:magic-metric/inline-size}.magic-metric:hover{transform:translateY(-2px)}.magic-metric-icon{background:linear-gradient(145deg, var(--metric-tile-from), var(--metric-tile-to));width:58px;height:58px;box-shadow:0 6px 14px var(--metric-tile-shadow), inset 0 1px 0 #ffffff8c;color:var(--tint-violet-ink);border-radius:18px;flex:none;place-items:center;margin-right:16px;display:grid}.magic-metric-peach .magic-metric-icon{background:linear-gradient(145deg, var(--metric-tile-peach-from), var(--metric-tile-peach-to));box-shadow:0 6px 14px var(--metric-tile-peach-shadow), inset 0 1px 0 #ffffff8c;color:var(--tint-peach-ink)}.magic-metric-body{z-index:1;flex:auto;min-width:0;position:relative}.magic-metric-label{color:var(--ink);padding-right:69px;font-size:17px;font-weight:700;line-height:1.4}.magic-metric-value{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-top:6px;font-size:42px;font-weight:700;line-height:1.05;display:flex}.magic-metric-value small{color:var(--muted);font-size:13.5px;font-weight:400}.magic-metric-bars{align-items:flex-end;gap:4px;height:44px;display:flex;position:absolute;top:18px;right:20px}.magic-metric-bars i{background:linear-gradient(180deg, var(--bar-violet-top), var(--bar-violet-bottom));border-radius:4px 4px 2px 2px;width:9px;display:block}.magic-metric-peach .magic-metric-bars i{background:linear-gradient(180deg, var(--bar-peach-top), var(--bar-peach-bottom))}.magic-metric-bars i:first-child{height:40%}.magic-metric-bars i:nth-child(2){height:62%}.magic-metric-bars i:nth-child(3){height:50%}.magic-metric-bars i:nth-child(4){height:80%}.magic-metric-bars i:nth-child(5){height:100%}.magic-cta-gold{border:1px solid var(--gold-cta-rim);background-image:linear-gradient(180deg, var(--gold-cta-sheen), transparent 55%), var(--gold-cta-bg);min-height:58px;color:var(--on-gold);box-shadow:inset 0 0 0 1px var(--gold-cta-inner), 0 0 16px var(--gold-cta-halo), 0 8px 22px var(--gold-glow);border-radius:999px;gap:10px;padding:0 30px;font-size:20px;font-weight:700;text-decoration:none;position:relative}.magic-cta-gold:after{content:"";z-index:-1;border-radius:inherit;box-shadow:0 0 26px 6px var(--gold-cta-halo);opacity:0;transition:opacity .18s;position:absolute;inset:0}.magic-cta-gold:hover{background-image:linear-gradient(180deg, var(--gold-cta-sheen), transparent 55%), var(--gold-cta-bg-hover)}.magic-cta-gold:hover:after,.magic-cta-gold:focus-visible:after{opacity:1}.magic-gold-text{color:var(--gold-text-to);background-image:var(--gold-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.magic-card-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.magic-card-head-icon{color:var(--tint-violet-ink);flex:none;place-items:center;display:grid}.magic-card-head h2{min-width:0;color:var(--ink);flex-wrap:wrap;flex:1;align-items:center;gap:4px 10px;margin:0;font-size:21px;font-weight:700;line-height:1.35;display:flex}.magic-card-head-count{background:var(--tint-violet-bg);color:var(--tint-violet-ink);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12.5px;font-weight:600}.magic-card-head-link{min-height:44px;color:var(--ink);white-space:nowrap;flex:none;align-items:center;gap:6px;padding:0 4px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.magic-card-head-link:hover{text-underline-offset:4px;text-decoration:underline}.magic-chip{white-space:nowrap;border-radius:999px;gap:5px;padding:5px 12px;font-size:13px}.magic-chip-peach{background:var(--tint-peach-bg);color:var(--tint-peach-ink);border-color:var(--tint-peach-border)}.magic-sky,.magic-castle-scene,.magic-sky span{display:none}.magic-castle{pointer-events:none;position:relative;container:magic-castle/inline-size}.magic-castle-motto{width:6.2em;font-family:var(--font-deco-en), cursive;color:var(--tint-violet-ink);text-shadow:0 0 12px var(--canvas);transform-origin:0;font-size:23px;line-height:1.05;position:absolute;top:50%;left:6px;transform:translateY(-50%)rotate(-8deg)}.magic-empty-icon{background:linear-gradient(145deg, var(--metric-tile-from), var(--metric-tile-to));width:56px;height:56px;box-shadow:0 6px 14px var(--metric-tile-shadow);color:var(--tint-violet-ink);border-radius:18px;place-items:center;display:grid}.magic-empty{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:56px 24px;display:flex}.magic-empty>.magic-empty-icon{margin-bottom:16px}.magic-empty-title{color:var(--ink);margin:0 0 8px;font-size:18px;font-weight:600}.magic-empty-desc{max-width:440px;color:var(--muted);margin:0 auto 24px;font-size:14px;line-height:1.6}.magic-empty-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.magic-empty .btn{border-radius:999px}.magic-tabs{flex-wrap:wrap;gap:10px;min-width:0;display:flex}.magic-tab{border:1px solid var(--glass-border);background:var(--glass-bg);min-width:44px;min-height:44px;box-shadow:inset 0 0 0 1px var(--glass-edge);font:inherit;color:var(--accent);cursor:pointer;border-radius:999px;padding:0 20px;font-size:14px;font-weight:600;line-height:1.3;transition:background-color .15s,color .15s}.magic-tab:hover{background:var(--accent-wash)}.magic-tab[aria-pressed=true],.magic-tab[aria-pressed=true]:hover{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.magic-banner{isolation:isolate;border:1px solid var(--hero-edge);background-color:var(--hero-bg);min-height:190px;color:var(--hero-ink);box-shadow:var(--glass-shadow);background-position:0;background-repeat:no-repeat;background-size:cover;border-radius:22px;align-items:center;padding:22px 40px;display:flex;position:relative;overflow:hidden;container:magic-banner/inline-size}.magic-banner :focus-visible{outline-color:var(--focus-ring-on-dark)}.magic-banner:before{content:"";z-index:1;pointer-events:none;background:var(--hero-dim);position:absolute;inset:0}.magic-banner-art{z-index:0;pointer-events:none;position:absolute;inset:0}.magic-banner-witch{aspect-ratio:734/676;background-position:top;background-repeat:no-repeat;background-size:contain;height:165%;position:absolute;top:0;left:max(43%,306px)}.magic-banner-copy{z-index:2;min-width:0;max-width:max(37.5% - 16px,254px);position:relative}.magic-banner-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-text-from);margin:0 0 6px;font-size:12px;font-weight:600;line-height:1.4;display:block}.magic-banner-copy h1{letter-spacing:-.7px;margin:0;font-size:44px;font-weight:700;line-height:1.2}.magic-banner-copy p{color:var(--hero-muted);overflow-wrap:anywhere;text-wrap:balance;margin:4px 0 14px;font-size:15px;line-height:1.55}.magic-banner .magic-cta-gold{min-height:44px;padding:0 24px;font-size:16px}.magic-banner-quote{z-index:2;text-align:center;white-space:nowrap;color:var(--hero-ink);text-shadow:0 0 2px var(--hero-quote-shadow), 0 0 10px var(--hero-quote-shadow), 0 0 18px var(--sidebar-nav-active-glow);pointer-events:none;margin:0;font-size:18px;line-height:1.25;position:absolute;bottom:10%;right:2.2%;transform:rotate(-8deg)}.magic-banner-quote span{display:block}.magic-banner-quote:lang(th){font-family:var(--font-deco-th), cursive}.magic-banner-quote:lang(en){font-family:var(--font-deco-en), cursive;text-shadow:0 0 1px var(--hero-quote-shadow), 0 0 4px var(--hero-quote-shadow), 0 0 10px var(--hero-quote-shadow), 0 0 18px var(--sidebar-nav-active-glow);font-size:20px;bottom:7%;right:1.5%}.magic-banner-sparkles{z-index:1;pointer-events:none;position:absolute;inset:0}.magic-banner-sparkles span{background-color:var(--gold-text-from);width:12px;height:12px;-webkit-mask:var(--sparkle) center / contain no-repeat;-webkit-mask:var(--sparkle) center / contain no-repeat;mask:var(--sparkle) center / contain no-repeat;opacity:.8;animation:3.4s ease-in-out infinite magic-twinkle;position:absolute}.magic-banner-sparkles span:first-child{animation-delay:-.4s;top:14%;left:39.5%}.magic-banner-sparkles span:nth-child(2){width:9px;height:9px;animation-delay:-1.6s;top:74%;left:41%}.magic-banner-sparkles span:nth-child(3){width:8px;height:8px;animation-delay:-2.4s;top:10%;left:62%}.magic-banner-sparkles span:nth-child(4){width:16px;height:16px;animation-delay:-.9s;top:14%;left:96%}.magic-banner-sparkles span:nth-child(5){width:9px;height:9px;animation-delay:-3s;top:58%;left:90%}@keyframes magic-twinkle{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.05)}}@media (min-width:1280px){.magic-sky{z-index:-1;pointer-events:none;top:calc(-1 * var(--topbar-height-base));left:calc(-1 * var(--sidebar-radius));background:var(--home-sky);height:300px;display:block;position:absolute;right:0}.magic-castle-scene{z-index:-1;pointer-events:none;top:calc(-1 * var(--topbar-height-base));--castle-g:max(28px, calc((100% - 1656px) / 2));--castle-side:clamp(330px, calc((100% - 2 * var(--castle-g)) * .271), 380px);right:calc(var(--castle-g) - 28px);width:calc((var(--castle-side) - 130px) * 1024 / 486);aspect-ratio:1024/500;-webkit-mask-composite:source-in;background:url(../media/castle-scene-day.01l6av0z3osmg.webp) 100% 0/100% 100% no-repeat;display:block;position:absolute;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 42%),linear-gradient(#000 74%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 42%),linear-gradient(#000 74%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}:root[data-theme=dark] .magic-castle-scene{background-image:url(../media/castle-scene-night.21ubtc8tynf2e.webp)}}@media (min-width:1280px) and (prefers-color-scheme:dark){:root:not([data-theme=light]) .magic-castle-scene{background-image:url(../media/castle-scene-night.21ubtc8tynf2e.webp)}}@media (min-width:1440px){.magic-sky span{background-color:var(--gold-text-from);width:12px;height:12px;-webkit-mask:var(--sparkle) center / contain no-repeat;-webkit-mask:var(--sparkle) center / contain no-repeat;mask:var(--sparkle) center / contain no-repeat;opacity:.8;animation:3.4s ease-in-out infinite magic-twinkle;display:block;position:absolute}.magic-sky span:first-child{background-color:#fff;width:9px;height:9px;animation-delay:-.3s;top:22px;left:42%}.magic-sky span:nth-child(2){width:16px;height:16px;animation-delay:-1.2s;top:40px;left:47%}.magic-sky span:nth-child(3){background-color:#fff;width:8px;height:8px;animation-delay:-2.1s;top:16px;left:55%}.magic-sky span:nth-child(4){width:12px;height:12px;animation-delay:-.8s;top:46px;left:61%}.magic-sky span:nth-child(5){background-color:#fff;width:7px;height:7px;animation-delay:-2.7s;top:24px;left:66%}}@container magic-castle (max-width:289px){.magic-castle-motto{display:none}}@container magic-metric (max-width:279px){.magic-metric-icon{border-radius:15px;width:50px;height:50px;margin-right:12px}.magic-metric-icon svg{width:26px;height:26px}.magic-metric-label{padding-right:50px;font-size:15.5px}.magic-metric-value{font-size:36px}.magic-metric-value small{flex-basis:100%;margin-top:2px}.magic-metric-bars{gap:3px;height:38px}.magic-metric-bars i{width:7px}}@container magic-metric (max-width:239px){.magic-metric-label{padding-right:44px}.magic-metric-bars{gap:2px}.magic-metric-bars i{width:6px}}@container magic-metric (max-width:226px){.magic-metric-bars{display:none}.magic-metric-label{padding-right:0}}@container magic-metric (max-width:199px){.magic-metric-icon{border-radius:14px;width:46px;height:46px;margin-right:10px}.magic-metric-icon svg{width:24px;height:24px}.magic-metric-label{font-size:14px}}@container magic-metric (max-width:169px){.magic-metric-icon{display:none}.magic-metric-body{align-self:flex-start}.magic-metric-label{font-size:13.5px}}@media (max-width:1279px){.magic-castle{display:none}}@media (max-width:930px){.magic-metric-bars{display:none}}@media (max-width:700px){.magic-metrics{gap:0 10px}.magic-metric{grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;border-radius:16px;grid-row:span 2;align-items:start;min-height:0;padding:14px 12px;display:grid;container-type:normal}.magic-metric-body{display:contents}.magic-metric-icon{display:none}.magic-metric-label{padding-right:0;font-size:12px;line-height:1.3}.magic-metric-value{font-size:24px;display:block}.magic-metric-value small{margin-top:2px;font-size:11.5px;display:block}.magic-card-head{flex-wrap:wrap;row-gap:0}.magic-card-head h2{flex:auto;font-size:17px}.magic-card-head-link{margin-left:auto}}@media (min-width:701px){.magic-banner{background-image:url(../media/hero-bg.0x9lan41psbdj.webp)}.magic-banner-witch{background-image:url(../media/hero-witch.3ubmx1w0cbxao.webp)}}@container magic-banner (max-width:859px){.magic-banner-quote{display:none}}@container magic-banner (min-width:860px){.magic-banner-witch{height:350px}.magic-banner-eyebrow{margin-bottom:4px}.magic-banner-copy h1{font-size:54px;line-height:1.15}.magic-banner-copy p{margin-bottom:12px;font-size:16.5px}}@container magic-banner (min-width:598px) and (max-width:859px){.magic-banner-witch{height:150%}}@container magic-banner (max-width:597px){.magic-banner-witch{height:140%;left:auto;right:-16%}}@media (max-width:700px){.magic-banner{background-image:url(../media/hero-bg-m.4339xrxz7iy_o.webp);background-position:0 0;border-radius:20px;min-height:180px;padding:20px 18px}.magic-banner:before{background:var(--hero-dim-m)}.magic-banner-witch{background-image:url(../media/hero-witch-m.1wcd9uzzj6ggi.webp);height:100%;top:6%;left:auto;right:-22%}.magic-banner-copy{max-width:62%}.magic-banner-copy h1{font-size:30px}.magic-banner-copy p{margin-bottom:12px;font-size:13px}.magic-banner-sparkles span:nth-child(3){left:70%}.magic-tabs{gap:6px}.magic-tab{padding:0 12px;font-size:13px}}@media (max-width:400px){.magic-tabs:lang(en){gap:4px}.magic-tabs:lang(en) .magic-tab{padding:0 8px}}@media (prefers-reduced-motion:reduce){.magic-sky span,.magic-banner-sparkles span{animation:none}.magic-metric,.magic-cta-gold:after,.magic-tab{transition:none}.magic-metric:hover{transform:none}}