:root{--bg-app:#1c1c1c;--bg-raised:#242424;--bg-elevated:#2c2c2c;--fg-primary:#f4f4f5;--fg-secondary:#a6a6ac;--fg-muted:#76767c;--border-subtle:#2e2e2e;--border-faint:#ffffff12;--border-strong:#3b3b3b;--accent:#6444d6;--accent-2:#8a5cf2;--accent-fg:#a78bfa;--accent-ink:#fff;--accent-grad:linear-gradient(135deg, #6444d6 0%, #8a5cf2 100%);--accent-soft:#8a5cf22e;--accent-line:#a78bfa80;--accent-selection:#8a5cf252;--color-success:#56b083;--color-warn:#d8a54a;--color-danger:#e0645d;--color-info:#7f97c4;--bg-interactive:#ffffff0d;--track-1:#8a5cf2;--track-2:#5c8cf2;--track-3:#4fb8b0;--track-4:#6fbf7a;--track-5:#d6a15c;--track-6:#e0876a;--track-7:#d67ab0;--track-8:#8f97c9;--font-ui:"Lexend", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-body-size:13px;--text-body-line-height:1.55;--text-2xs:.625rem;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.1875rem;--text-2xl:1.75rem;--text-3xl:clamp(1.75rem, 3vw, 2.25rem);--text-4xl:clamp(2.1rem, 3.6vw, 3rem);--weight-regular:400;--weight-semibold:600;--weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--shadow-sm:0 2px 6px #00000061;--shadow-md:0 8px 22px #0006;--shadow-lg:0 18px 42px #00000075;--shadow-xl:0 28px 64px #0000008c;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.32s;--duration-slower:.8s}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-normal:0s;--duration-slow:0s;--duration-slower:0s}}@font-face{font-family:Lexend;src:url(/fonts/Lexend-Variable.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}html,body{height:100%}html{overflow:hidden}body{background:var(--bg-app);min-width:320px;color:var(--fg-primary);font-family:var(--font-ui);font-size:var(--text-body-size);line-height:var(--text-body-line-height);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow:hidden}#app{height:100%}button,input,select{font:inherit;color:inherit}::selection{background:var(--accent-selection)}:focus-visible{outline:2px solid var(--accent-fg);outline-offset:2px}.tabular-nums{font-variant-numeric:tabular-nums}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}::-webkit-scrollbar-corner{background:0 0}.landing :is(h1,h2,h3),.auth-layout :is(h1,h2,h3),.docs-page :is(h1,h2,h3){text-wrap:balance}.landing p,.auth-layout p,.docs-page p{text-wrap:pretty}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--fg-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);padding:.4rem .75rem;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent-line);color:var(--accent-fg)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2);color:var(--accent-ink)}.btn--ghost{background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--bg-interactive);border-color:#0000}.btn--danger{border-color:var(--color-danger);color:var(--color-danger)}.btn--danger:hover:not(:disabled){background:rgb(from var(--color-danger) r g b / .12);color:var(--color-danger)}.btn--toggle.is-on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn--google{color:#3c4043;background:#fff;border-color:#dadce0}.btn--google:hover:not(:disabled){color:#3c4043;background:#f8f9fa;border-color:#dadce0}.icon-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--fg-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--bg-interactive);color:var(--fg-primary)}.icon-btn:disabled{cursor:not-allowed;opacity:.35}.icon-btn.is-active{background:var(--accent-soft);color:var(--accent-fg);border-color:var(--accent-line)}.field-input{color:var(--fg-primary);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:inherit;padding:.35rem .5rem}.field-input:focus-visible{border-color:var(--accent-line)}.field-input:disabled{cursor:not-allowed;opacity:.5}.badge{border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.3rem;padding:.15rem .5rem;display:inline-flex}.badge--pass{background:rgb(from var(--color-success) r g b / .15);color:var(--color-success);border:1px solid rgb(from var(--color-success) r g b / .3)}.badge--warn{background:rgb(from var(--color-warn) r g b / .15);color:var(--color-warn);border:1px solid rgb(from var(--color-warn) r g b / .3)}.badge--fail{background:rgb(from var(--color-danger) r g b / .15);color:var(--color-danger);border:1px solid rgb(from var(--color-danger) r g b / .3)}.badge--info{background:var(--accent-soft);color:var(--accent-fg);border:1px solid var(--accent-line)}.status-dot{background:var(--fg-muted);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot--pass{background:var(--color-success);box-shadow:0 0 6px rgb(from var(--color-success) r g b / .6)}.status-dot--warn{background:var(--color-warn);box-shadow:0 0 6px rgb(from var(--color-warn) r g b / .6)}.status-dot--fail{background:var(--color-danger);box-shadow:0 0 6px rgb(from var(--color-danger) r g b / .6)}.status-dot--info{background:var(--color-info)}.hint{font-size:var(--text-xs);color:var(--fg-muted);line-height:var(--text-body-line-height)}.error-text{font-size:var(--text-xs);color:var(--color-danger);line-height:var(--text-body-line-height)}.hint a,.error-text a{color:var(--accent-fg);text-decoration:none}.hint a:hover,.error-text a:hover{text-decoration:underline}.field-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.field-row__lbl{font-size:var(--text-sm);color:var(--fg-secondary)}.field-row__val{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-align:right}.dismiss-btn{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.1rem .3rem;font-size:1.1rem;line-height:1}.dismiss-btn:hover{color:var(--fg-primary)}.ambient-glow{pointer-events:none;z-index:0;position:absolute;inset:0}.ambient-glow--card{background:radial-gradient(ellipse 60% 45% at 50% 12%, var(--accent-soft), transparent 70%)}.ambient-glow--hero{background:radial-gradient(ellipse 55% 45% at 50% -8%, var(--accent-soft), transparent 70%)}.auth-field-input{width:100%;font-size:var(--text-sm);background:var(--bg-app);border-color:var(--border-strong);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);padding:.65rem .75rem}.auth-field-input:focus-visible{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.field-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-secondary)}a.auth-link{color:var(--fg-secondary);border-bottom:1px solid var(--border-strong);text-decoration:none}a.auth-link:hover{color:var(--accent-fg);border-bottom-color:var(--accent-line)}a.auth-link--strong{color:var(--fg-primary);font-weight:var(--weight-semibold);border-bottom:1px solid var(--border-strong);text-decoration:none}a.auth-link--strong:hover{color:var(--accent-fg);border-bottom-color:var(--accent-line)}.auth-alert{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);line-height:var(--text-body-line-height)}.auth-alert.error-text{background:rgb(from var(--color-danger) r g b / .12);border:1px solid rgb(from var(--color-danger) r g b / .3)}.auth-alert.hint{background:rgb(from var(--color-success) r g b / .1);border:1px solid rgb(from var(--color-success) r g b / .28);color:var(--color-success)}.auth-submit{width:100%;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);padding:.7rem 1rem}.auth-submit:hover:not(:disabled){transform:translateY(-1px)}input[type=range]{appearance:none;height:16px;accent-color:var(--accent-fg);cursor:pointer;background:0 0}input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:var(--border-strong);height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--accent-fg);border:2px solid var(--bg-app);width:13px;height:13px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out);margin-top:-4.5px}input[type=range]::-moz-range-track{border-radius:var(--radius-full);background:var(--border-strong);height:4px}input[type=range]::-moz-range-thumb{border-radius:var(--radius-full);background:var(--accent-fg);border:2px solid var(--bg-app);width:13px;height:13px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out)}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]:focus-visible::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]:hover::-moz-range-thumb{transform:scale(1.15)}input[type=range]:focus-visible::-moz-range-thumb{transform:scale(1.15)}input[type=range]:focus-visible{outline:2px solid var(--accent-fg);outline-offset:2px}input[type=range]:disabled{cursor:not-allowed;opacity:.45}.pill-btn{border-radius:var(--radius-full)}.docs-prose h2{margin:0 0 var(--space-2);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.01em;color:var(--fg-primary)}.docs-prose h3{margin:var(--space-6) 0 var(--space-1);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--fg-primary)}.docs-prose p{margin:0 0 var(--space-3);color:var(--fg-secondary);line-height:var(--text-body-line-height)}.docs-prose ul,.docs-prose ol{margin:0 0 var(--space-3);padding-left:var(--space-5);color:var(--fg-secondary);line-height:var(--text-body-line-height)}.docs-prose li+li{margin-top:var(--space-1)}.docs-prose strong{color:var(--fg-primary);font-weight:var(--weight-semibold)}.docs-callout{gap:var(--space-1);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--radius-md);flex-direction:column;display:flex}.docs-callout__title{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-fg)}.docs-callout p{color:var(--fg-secondary);margin:0}.docs-kv-table{margin:0 0 var(--space-4);background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);grid-template-columns:auto 1fr;gap:1px;display:grid;overflow:hidden}.docs-kv-table__key,.docs-kv-table__value{padding:var(--space-2) var(--space-3);background:var(--bg-raised);font-size:var(--text-sm)}.docs-kv-table__key{font-family:var(--font-ui);font-weight:var(--weight-semibold);color:var(--fg-primary);white-space:nowrap}.docs-kv-table__value{color:var(--fg-secondary)}.docs-code{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.1rem .4rem;font-size:.9em}
