: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);--topbar-height:64px;--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:#f6f1fd;--canvas-to:#f1eafb;--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, #1e1546d9 0%, #1e1546b8 45%, #1e154600 75%);--hero-scrim-m:linear-gradient(180deg, #1e1546cc 0%, #1e1546a6 45%, #1e154600 62%);--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;--nav-active-from:#6e45b3;--nav-active-to:#8458cc;--sidebar-nav-active-bg:linear-gradient(135deg, 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;--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, #1e1546d9 0%, #1e1546b8 45%, #1e154600 75%);--hero-scrim-m:linear-gradient(180deg, #1e1546cc 0%, #1e1546a6 45%, #1e154600 62%);--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;--nav-active-from:#6e45b3;--nav-active-to:#8458cc;--sidebar-nav-active-bg:linear-gradient(135deg, 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;--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, #1e1546d9 0%, #1e1546b8 45%, #1e154600 75%);--hero-scrim-m:linear-gradient(180deg, #1e1546cc 0%, #1e1546a6 45%, #1e154600 62%);--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;--nav-active-from:#6e45b3;--nav-active-to:#8458cc;--sidebar-nav-active-bg:linear-gradient(135deg, 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;--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:#f6f1fd;--canvas-to:#f1eafb;--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, #1e1546d9 0%, #1e1546b8 45%, #1e154600 75%);--hero-scrim-m:linear-gradient(180deg, #1e1546cc 0%, #1e1546a6 45%, #1e154600 62%);--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;--nav-active-from:#6e45b3;--nav-active-to:#8458cc;--sidebar-nav-active-bg:linear-gradient(135deg, 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;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
@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:var(--sidebar-width);min-height:100vh;width:calc(100% - var(--sidebar-width));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}.app-layout:has([data-home-page]) .workspace-footer{max-width:1320px}.main-content:has([data-home-page]){max-width:1400px}.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;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{color:var(--gold);place-items:center;line-height:1;display:grid}.sidebar-logo-name{letter-spacing:-.01em;color:var(--sidebar-ink);font-size:26px;font-weight:700;line-height:1.2}.sidebar-logo-tagline{color:var(--sidebar-muted);font-size:12px}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-nav-link{min-height:52px;color:var(--sidebar-text);isolation:isolate;border-radius:16px;align-items:center;gap:14px;padding:12px 18px;font-size:15px;font-weight:500;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[aria-current=page]{color:var(--sidebar-ink);background-image:var(--sidebar-nav-active-bg);box-shadow:inset 0 0 0 1px var(--sidebar-nav-active-glow);font-weight:600}.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{color:var(--sidebar-muted);margin:0;font-size:12px;line-height:1.55}.sidebar-bottom{flex-direction:column;flex:1 0 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 0 170px;position:relative}.sidebar-motto{width:8.4em;font-family:var(--font-deco-en), cursive;text-align:right;color:var(--gold-text-from);transform-origin:100% 100%;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:21px;line-height:1.05;position:absolute;bottom:16px;right:6px;transform:rotate(-10deg)}.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-icon{color:var(--gold);flex:none;place-items:center;display:grid}.sidebar-credit-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sidebar-credit-label{color:var(--sidebar-muted);font-size:12px}.sidebar-credit-value{color:var(--sidebar-muted);flex-wrap:wrap;align-items:baseline;font-size:13px;display:flex}.sidebar-credit-value strong{color:var(--sidebar-ink);font-size:20px;font-weight:700;line-height:1.2}.sidebar-credit-of{white-space:pre}.sidebar-credit-bar{background-color:var(--sidebar-border);border-radius:999px;height:6px;margin-top:5px;display:block;overflow:hidden}.sidebar-credit-bar>span{border-radius:inherit;background-image:var(--gold-cta-bg);height:100%;display:block}.sidebar-avatar{width:40px;height:40px;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:14px;font-weight:600}.sidebar-account-role{color:var(--sidebar-muted);font-size:11.5px}.sidebar-account-chevron{color:var(--sidebar-muted);flex:none;font-size:22px;line-height:1}.topbar{z-index:20;height:var(--topbar-height);box-sizing:border-box;isolation:isolate;justify-content:space-between;align-items:center;gap:16px;padding:0 32px;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:40px;height:40px;color:var(--accent);background-color:var(--glass-bg);box-shadow:var(--glass-shadow);border-radius:50%;flex:none;place-items:center;line-height:1;display:grid}.topbar-crumb-text{white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:15px;display:flex;overflow:hidden}.topbar-crumb-sep{color:var(--muted)}.topbar-crumb-page{color:var(--ink);font-weight:500}.topbar-tools{flex:none;align-items:center;gap:10px;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:999px;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.topbar-brand-btn svg{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:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.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}}@media (max-width:700px){.topbar-crumb-sep,.topbar-crumb-page--with-brand{display:none}}