:root{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--slate-950:#020617;--white:#fff;--black:#000;--blue-100:#e3ecf5;--blue-200:#c7d9ec;--blue-300:#9dbcdc;--blue-400:#6d97c4;--blue-500:#4a7aac;--blue-600:#3a648f;--blue-700:#2d4e70;--blue-900:#1a2c3f;--blue-950:#101c28;--red-50:#fef2f2;--red-400:#f87171;--red-600:#b91c1c;--red-950:#2a0a0a;--amber-50:#fffbeb;--amber-400:#fbbf24;--amber-700:#b45309;--amber-950:#2b1a02;--green-50:#f0fdf4;--green-400:#4ade80;--green-700:#15803d;--green-950:#05230f;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--size-xs:.75rem;--size-sm:.8125rem;--size-base:.875rem;--size-lg:1rem;--size-xl:1.25rem;--size-2xl:1.5rem;--leading-tight:1.25;--leading-normal:1.5;--weight-normal:400;--weight-medium:500;--weight-bold:600;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:3px;--radius-md:5px;--radius-lg:8px;--radius-full:9999px;--ease:cubic-bezier(.4, 0, .2, 1);--duration-fast:.1s;--duration-base:.16s}[data-theme=default][data-mode=light]{--surface:var(--slate-50);--surface-raised:var(--white);--surface-sunken:var(--slate-100);--surface-overlay:var(--white);--text:var(--slate-900);--text-muted:var(--slate-500);--text-subtle:var(--slate-400);--text-on-accent:var(--white);--border-subtle:var(--slate-200);--border:var(--slate-300);--border-strong:var(--slate-400);--accent:var(--blue-500);--accent-hover:var(--blue-600);--accent-fg:var(--blue-600);--accent-subtle:var(--blue-100);--danger-fg:var(--red-600);--danger-bg:var(--red-50);--warn-fg:var(--amber-700);--warn-bg:var(--amber-50);--success-fg:var(--green-700);--success-bg:var(--green-50);--info-fg:var(--blue-600);--info-bg:var(--blue-100);--focus-ring:var(--blue-500);--hover-bg:var(--slate-100);--active-bg:var(--slate-200);--selected-bg:var(--blue-100);--code-bg:var(--slate-100);--code-fg:var(--slate-800);--code-tag:var(--blue-700);--code-attr:var(--amber-700);--code-string:var(--green-700);--code-comment:var(--slate-500);--diff-add-bg:var(--green-50);--diff-del-bg:var(--red-50);--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 12px #0f172a1a}[data-theme=default][data-mode=dark]{--surface:var(--slate-950);--surface-raised:var(--slate-900);--surface-sunken:var(--black);--surface-overlay:var(--slate-800);--text:var(--slate-100);--text-muted:var(--slate-400);--text-subtle:var(--slate-500);--text-on-accent:var(--slate-950);--border-subtle:var(--slate-800);--border:var(--slate-700);--border-strong:var(--slate-600);--accent:var(--blue-400);--accent-hover:var(--blue-300);--accent-fg:var(--blue-300);--accent-subtle:var(--blue-950);--danger-fg:var(--red-400);--danger-bg:var(--red-950);--warn-fg:var(--amber-400);--warn-bg:var(--amber-950);--success-fg:var(--green-400);--success-bg:var(--green-950);--info-fg:var(--blue-300);--info-bg:var(--blue-950);--focus-ring:var(--blue-300);--hover-bg:var(--slate-800);--active-bg:var(--slate-700);--selected-bg:var(--blue-900);--code-bg:var(--slate-900);--code-fg:var(--slate-200);--code-tag:var(--blue-300);--code-attr:var(--amber-400);--code-string:var(--green-400);--code-comment:var(--slate-400);--diff-add-bg:var(--green-950);--diff-del-bg:var(--red-950);--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080}*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%}body{background:var(--surface);color:var(--text);font-family:var(--font-sans);font-size:var(--size-base);line-height:var(--leading-normal);font-weight:var(--weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text);margin:0}h1{font-size:var(--size-2xl)}h2{font-size:var(--size-xl)}h3{font-size:var(--size-lg)}h4,h5,h6{font-size:var(--size-base)}p,ul,ol,dl,figure,pre{margin:0}a{color:var(--accent-fg);text-decoration:none}a:hover{text-decoration:underline}code,kbd,samp,pre{font-family:var(--font-mono);font-size:var(--size-sm)}code{background:var(--code-bg);color:var(--code-fg);border-radius:var(--radius-sm);padding:.1em .3em}pre{background:var(--code-bg);color:var(--code-fg);padding:var(--space-3);border-radius:var(--radius-md);overflow:auto}hr{border:0;border-top:1px solid var(--border-subtle);margin:var(--space-5) 0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}::selection{background:var(--selected-bg);color:var(--text)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mode-control{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:2px;padding:2px;display:inline-flex}.mode-control__option{appearance:none;color:var(--text-muted);font-size:var(--size-sm);font-weight:var(--weight-medium);line-height:var(--leading-tight);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);background:0 0;border:0}.mode-control__option:hover{background:var(--hover-bg);color:var(--text)}.mode-control__option:active{background:var(--active-bg)}.mode-control__option[aria-checked=true]{background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-sm)}.mode-control__hint{color:var(--text-subtle);font-weight:var(--weight-normal)}.login{justify-content:center;align-items:center;gap:var(--space-5);min-height:100%;padding:var(--space-5);flex-direction:column;display:flex}.login__card{width:100%;max-width:22rem;padding:var(--space-6);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.login__title{font-size:var(--size-xl);margin-bottom:var(--space-1)}.login__subtitle{color:var(--text-muted);font-size:var(--size-sm);margin-bottom:var(--space-5)}.login__label{font-size:var(--size-sm);font-weight:var(--weight-medium);color:var(--text-muted);margin-bottom:var(--space-1)}.login__input{appearance:none;width:100%;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease)}.login__input:hover:not(:disabled){border-color:var(--border-strong)}.login__input:disabled{background:var(--surface-sunken);color:var(--text-subtle);cursor:not-allowed}.login__input--code{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.25em;margin-bottom:0}.login__input--code::placeholder{color:var(--text-subtle);letter-spacing:.25em}.login__error{min-height:var(--space-5);margin-bottom:var(--space-3);color:var(--danger-fg);font-size:var(--size-sm);line-height:var(--leading-normal)}.login__submit{appearance:none;width:100%;padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--text-on-accent);border-radius:var(--radius-sm);font-size:var(--size-base);font-weight:var(--weight-medium);line-height:var(--leading-tight);cursor:pointer;transition:background var(--duration-fast) var(--ease);border:0}.login__submit:hover:not(:disabled){background:var(--accent-hover)}.login__submit:disabled{background:var(--surface-sunken);color:var(--text-subtle);cursor:not-allowed}.login__mode{justify-content:center;display:flex}