.brand-logo{flex:none;place-items:center;display:inline-grid;position:relative}.brand-logo-image{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.brand-logo-image-light,:root[data-theme=light] .brand-logo-image-dark{display:none}:root[data-theme=light] .brand-logo-image-light{display:block}
.input-otp{justify-content:center;width:100%;display:flex}.input-otp:has(input:disabled){cursor:not-allowed;opacity:.55}.input-otp-group{justify-content:center;gap:clamp(.45rem,2.5vw,.75rem);display:flex}.input-otp-slot{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:clamp(2.75rem,14vw,3.5rem);height:3.5rem;color:var(--color-text);place-items:center;font-size:1.25rem;font-weight:700;transition:border-color .14s,box-shadow .14s,background-color .14s;display:grid;position:relative}.input-otp-slot[data-filled=true]{background:var(--color-surface-raised)}.input-otp-slot[data-active=true]{border-color:var(--color-text-muted);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-text) 10%, transparent)}.input-otp-caret{background:currentColor;width:1px;height:1.25rem;animation:1s steps(2,start) infinite input-otp-caret}@keyframes input-otp-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.input-otp-caret{animation:none}}
.auth-shell{place-items:center;min-height:100dvh;padding:5rem 1.25rem 2rem;display:grid}.auth-topbar{top:0;justify-content:space-between;align-items:center;height:4rem;padding-inline:1.25rem;display:flex;position:fixed;inset-inline:0}.auth-topbar a{color:var(--color-text);align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex}.theme-toggle,.theme-toggle-placeholder{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);place-items:center;width:2.5rem;height:2.5rem;display:grid}.theme-toggle{cursor:pointer}.auth-card{text-align:center;gap:1.5rem;width:min(100%,25rem);display:grid}.auth-mark{margin-inline:auto}.auth-description,.auth-terms{color:var(--color-text-muted)}.auth-card h1,.auth-description,.auth-terms{margin:0}.auth-card h1{margin-block:.375rem;font-size:clamp(1.75rem,5vw,2.25rem)}.auth-description{line-height:1.8}.auth-card form{text-align:start;gap:.75rem;display:grid}.auth-card label{font-size:.875rem;font-weight:600}.auth-card input,.auth-card form button,.auth-notice button{border-radius:var(--radius-md);min-height:3.25rem}.auth-card input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);outline:none;padding-inline:1rem}.auth-card input:focus{border-color:var(--color-text-muted);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-text) 10%, transparent)}.auth-card form button,.auth-notice button{background:var(--color-accent);color:var(--color-accent-contrast);cursor:pointer;border:0;font-weight:700}.auth-card form button:disabled{cursor:not-allowed;opacity:.4}.auth-terms{font-size:.75rem;line-height:1.7}.auth-dev-code{border-radius:var(--radius-sm);color:var(--color-text);background:#fbbf2417;border:1px solid #fbbf2459;margin:0;padding:.75rem;font-size:.875rem;line-height:1.7}.auth-dev-code bdi{letter-spacing:.12em;font-weight:800}.auth-error{color:var(--color-danger);margin:0;font-size:.8125rem}.auth-secondary-action{color:var(--color-text-muted);cursor:pointer;text-underline-offset:.25rem;background:0 0;border:0;justify-self:center;text-decoration:underline}.auth-success{gap:.5rem;display:grid}.auth-success h1,.auth-success p{margin:0}.auth-success p{color:var(--color-text-muted)}
.dev-auth-trigger{z-index:900;inset-inline-start:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-overlay);cursor:pointer;align-items:center;gap:.625rem;padding:.625rem .75rem;display:flex;position:fixed;bottom:1rem}.dev-auth-trigger>span:first-child{background:#fbbf24;border-radius:999px;width:.625rem;height:.625rem}.dev-auth-trigger strong,.dev-auth-trigger small{text-align:start;display:block}.dev-auth-trigger small,.dev-auth-dialog p,.dev-auth-accounts small{color:var(--color-text-muted)}.dev-auth-dialog{padding:1rem}.dev-auth-dialog header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:start;gap:1rem;padding-bottom:.875rem;display:flex}.dev-auth-dialog h2,.dev-auth-dialog p{margin:0}.dev-auth-dialog header button{cursor:pointer;background:0 0;border:0;font-size:1.5rem}.dev-auth-accounts{gap:.5rem;padding-block:1rem;display:grid}.dev-auth-accounts button,.dev-auth-guest{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;justify-content:space-between;width:100%;padding:.75rem;display:flex}.dev-auth-guest{justify-content:center}
.overlay-root,.overlay-layer{position:fixed;inset:0}.overlay-root{z-index:1000}.overlay-layer{pointer-events:none;display:grid}.overlay-layer[aria-hidden=false]{pointer-events:auto}.overlay-backdrop{background:var(--color-backdrop);cursor:default;border:0;position:absolute;inset:0}.overlay-backdrop:disabled{pointer-events:none}.overlay-panel{z-index:1;border:1px solid var(--color-border);background:var(--color-surface-raised);max-height:calc(100dvh - 2rem);box-shadow:var(--shadow-overlay);animation:.16s ease-out overlay-enter;position:relative;overflow:auto}[data-overlay-mode=modal]{place-items:center;padding:1rem}[data-overlay-mode=modal] .overlay-panel{border-radius:var(--radius-lg);width:min(32rem,100%)}[data-overlay-mode=drawer-start]{justify-items:start}[data-overlay-mode=drawer-end]{justify-items:end}[data-overlay-mode^=drawer] .overlay-panel{width:min(26rem,92vw);height:100dvh}[data-overlay-mode=sheet]{align-items:end}[data-overlay-mode=sheet] .overlay-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:min(42rem,90dvh)}@keyframes overlay-enter{0%{opacity:0;transform:translateY(.5rem)scale(.985)}}@media (prefers-reduced-motion:reduce){.overlay-panel{animation:none}}
:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#0d0d0d;--color-surface:#171717;--color-surface-raised:#212121;--color-text:#f4f4f5;--color-text-muted:#a1a1aa;--color-border:#ffffff1f;--color-backdrop:#000000b8;--color-accent:#f4f4f5;--color-accent-contrast:#18181b;--color-danger:#f87171;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--shadow-overlay:0 24px 80px #0000007a}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#fff;--color-surface:#f7f7f8;--color-surface-raised:#fff;--color-text:#18181b;--color-text-muted:#71717a;--color-border:#18181b1f;--color-backdrop:#18181b73;--color-accent:#18181b;--color-accent-contrast:#fff;--color-danger:#dc2626;--shadow-overlay:0 24px 80px #18181b2e}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--color-background);color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .16s,color .16s}button,input{font:inherit}button{color:inherit}