:root{color-scheme:light dark;--md-primary: #6750A4;--md-on-primary: #FFFFFF;--md-surface: #FEF7FF;--md-surface-card: #F5EEFA;--md-on-surface: #1D1B20;--md-surface-variant: #E7E0EC;--md-on-surface-variant: #49454F;--md-outline: #79747E;--md-error: #B3261E;--md-radius-card: 28px;--md-radius-field: 12px}@media(prefers-color-scheme:dark){:root{--md-primary: #D0BCFF;--md-on-primary: #381E72;--md-surface: #141218;--md-surface-card: #1D1B20;--md-on-surface: #E6E0E9;--md-surface-variant: #36343B;--md-on-surface-variant: #CAC4D0;--md-outline: #938F99;--md-error: #F2B8B5}}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--md-surface);color:var(--md-on-surface);font-family:Roboto,system-ui,-apple-system,sans-serif}main{width:100%;max-width:420px}auth-login,auth-demo{display:block;padding:32px;background:var(--md-surface-card);border-radius:var(--md-radius-card);box-shadow:0 1px 3px #0003,0 6px 16px #0000001f}h1{margin:0;font-size:28px;font-weight:600;letter-spacing:-.5px}[role=doc-subtitle]{margin:4px 0 28px;color:var(--md-on-surface-variant)}form{display:grid;gap:18px}form[data-state=hidden]{display:none}label{display:grid;gap:6px}label span{font-size:13px;color:var(--md-on-surface-variant)}input{font:inherit;padding:14px 16px;border:1px solid var(--md-outline);border-radius:var(--md-radius-field);background:transparent;color:inherit}input:focus{outline:2px solid var(--md-primary);border-color:transparent}button{font:inherit;font-weight:600;padding:14px 24px;border:none;border-radius:999px;background:var(--md-primary);color:var(--md-on-primary);cursor:pointer;transition:filter .15s ease}button:hover{filter:brightness(1.06)}button:disabled{opacity:.4;cursor:default;filter:none}button[data-variant=text]{background:transparent;color:var(--md-primary)}nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}[role=alert]{margin:14px 0 0;min-height:20px;font-size:14px;color:var(--md-error)}[role=alert][data-state=empty]{visibility:hidden}[data-state=hidden]{display:none}pre{margin:20px 0 0;padding:16px;background:var(--md-surface-variant);color:var(--md-on-surface-variant);border-radius:var(--md-radius-field);overflow:auto;font-size:13px;white-space:pre-wrap;word-break:break-word}