:root,html[data-theme=light]{--surface-1: #ebebeb;--surface-1-5: #ededed;--surface-2: #f5f5f5;--surface-2-5: #eef1f5;--surface-3: #f8f8f8;--surface-4: #ffffff;--surface-5: #dddddd;--color-red: #cb2245;--color-orange: #e08325;--color-green: #00af5c;--color-blue: #1f68c0;--color-purple: #8e32f3;--color-gray: #595b61;--color-green-400: #33f598;--color-green-500: #09de78;--color-green-600: #00af5c;--color-blue-400: #5196df;--color-blue-500: #2b79cc;--color-blue-600: #1f68c0;--color-text-primary: #1a202c;--color-text-default: #2c2e31;--color-text-tertiary: #484d54;--color-bg: var(--surface-1);--color-raised-bg: var(--surface-3);--color-super-raised-bg: var(--surface-4);--color-button-bg: var(--surface-4);--color-button-border: rgba(161, 161, 161, .35);--color-divider: var(--surface-5);--color-base: var(--color-text-default);--color-secondary: var(--color-text-tertiary);--color-contrast: var(--color-text-primary);--color-accent-contrast: #ffffff;--color-brand: var(--color-blue);--color-brand-highlight: rgba(31, 104, 192, .25);--color-brand-shadow: rgba(31, 104, 192, .7);--color-brand-hot: #2b79cc;--color-red-highlight: rgba(203, 34, 69, .25);--color-green-highlight: rgba(0, 175, 92, .25);--color-blue-highlight: rgba(31, 104, 192, .25);--shadow-floating: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .1);--shadow-card: rgba(50, 50, 100, .1) 0 2px 4px 0;--hover-brightness: .9;--mc-ink: #e5e5e8;--mc-panel: #ffffff;--mc-line: #cecfd3;--mc-chalk: #1a202c;--mc-muted: #484d54;--mc-brand: var(--color-brand);--mc-brand-hot: var(--color-brand-hot);--mc-on-brand: var(--color-accent-contrast);--mc-moss: #184b8c;--mc-danger: #cb2245;--mc-ok: #00af5c;--mc-bg: var(--surface-1);--mc-chrome: var(--surface-4);--mc-chrome-2: var(--surface-2);--mc-chrome-3: var(--surface-3);--mc-chrome-raised: var(--surface-5);--mc-border: var(--color-divider);--mc-text: var(--color-contrast);--mc-text-2: var(--color-base);--mc-text-3: var(--color-secondary);--mc-menu: var(--surface-4);--mc-overlay: rgba(26, 32, 44, .45);--mc-canvas: #e6eaef;--mc-canvas-grid: #a8b2c0;--mc-focus: var(--color-brand);--mc-brand-glow: rgba(31, 104, 192, .28);--mc-page-gradient: radial-gradient(900px 520px at 12% -8%, rgba(31, 104, 192, .14), transparent 55%), radial-gradient(700px 420px at 92% 8%, rgba(81, 150, 223, .1), transparent 50%), linear-gradient(165deg, #ebebeb 0%, #f5f5f5 42%, #eef1f5 100%)}html[data-theme=dark]{--surface-1: #16181c;--surface-1-5: #1a1c20;--surface-2: #1d1f23;--surface-2-5: #222429;--surface-3: #27292e;--surface-4: #34363c;--surface-5: #42444a;--color-red: #ff496e;--color-orange: #ffa347;--color-green: #1bd96a;--color-blue: #4f9cff;--color-purple: #c78aff;--color-gray: #9fa4b3;--color-green-400: #42e686;--color-green-500: #1bd96a;--color-green-600: #0faa4f;--color-blue-400: #4f9cff;--color-blue-500: #357ffc;--color-blue-600: #1f5ff1;--color-text-primary: #ffffff;--color-text-default: #b0bac5;--color-text-tertiary: #96a2b0;--color-bg: var(--surface-1);--color-raised-bg: var(--surface-3);--color-super-raised-bg: var(--surface-4);--color-button-bg: var(--surface-4);--color-button-border: rgba(193, 190, 209, .12);--color-divider: var(--color-button-bg);--color-base: var(--color-text-default);--color-secondary: var(--color-text-tertiary);--color-contrast: var(--color-text-primary);--color-accent-contrast: #000000;--color-brand: var(--color-blue);--color-brand-highlight: rgba(79, 156, 255, .25);--color-brand-shadow: rgba(79, 156, 255, .7);--color-brand-hot: #90c4ff;--color-red-highlight: rgba(255, 73, 110, .25);--color-green-highlight: rgba(27, 217, 106, .25);--color-blue-highlight: rgba(79, 156, 255, .25);--shadow-floating: 0 4px 6px -1px rgba(0, 0, 0, .35), 0 2px 4px -1px rgba(0, 0, 0, .25);--shadow-card: rgba(0, 0, 0, .25) 0 2px 4px 0;--hover-brightness: 1.25;--mc-ink: #16181c;--mc-panel: #1d1f23;--mc-line: #34363c;--mc-chalk: #ecf9fb;--mc-muted: #96a2b0;--mc-brand: var(--color-brand);--mc-brand-hot: var(--color-brand-hot);--mc-on-brand: var(--color-accent-contrast);--mc-moss: #1f5ff1;--mc-danger: #ff496e;--mc-ok: #1bd96a;--mc-bg: var(--surface-1);--mc-chrome: var(--surface-1);--mc-chrome-2: var(--surface-2);--mc-chrome-3: var(--surface-3);--mc-chrome-raised: var(--surface-4);--mc-border: var(--surface-4);--mc-text: var(--color-contrast);--mc-text-2: var(--color-base);--mc-text-3: var(--color-secondary);--mc-menu: var(--surface-2);--mc-overlay: rgba(4, 8, 12, .62);--mc-canvas: #1a1d22;--mc-canvas-grid: #3f4654;--mc-focus: var(--color-brand);--mc-brand-glow: rgba(79, 156, 255, .28);--mc-page-gradient: radial-gradient(900px 520px at 12% -8%, rgba(79, 156, 255, .14), transparent 55%), radial-gradient(700px 420px at 92% 8%, rgba(53, 127, 252, .1), transparent 50%), linear-gradient(165deg, #121418 0%, #16181c 42%, #1a1c20 100%)}html{color-scheme:light dark;background:var(--mc-bg);color:var(--mc-text)}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}.auth-bg,.home-bg{background:var(--mc-page-gradient)}.home-grid{background-image:linear-gradient(color-mix(in srgb,var(--mc-chalk) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--mc-chalk) 6%,transparent) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at center,#000 35%,transparent 78%)}#home-start.is-dragover{border-color:var(--mc-brand-hot);border-style:solid;background:var(--color-brand-highlight);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mc-brand) 40%,transparent)}.theme-pref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.theme-pref-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0;padding:12px;border:1px solid var(--mc-line);border-radius:10px;background:var(--mc-ink);color:var(--mc-chalk);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.theme-pref-option:hover{border-color:color-mix(in srgb,var(--mc-brand) 55%,var(--mc-line))}.theme-pref-option:focus-visible{outline:2px solid var(--mc-brand-hot);outline-offset:2px}.theme-pref-option.is-active{border-color:var(--mc-brand);background:var(--color-brand-highlight);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mc-brand) 35%,transparent)}.theme-pref-option strong{font-size:.92rem;font-weight:650}.theme-pref-option span{font-size:.78rem;color:var(--mc-muted);line-height:1.35}@media (max-width: 640px){.theme-pref-grid{grid-template-columns:1fr}}