:root{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color-scheme:dark;--bg: #0a0a0f;--card: #1e1e2e;--text: #f1f5f9;--secondary: #94a3b8;--border: #2e2e45;--control-border: #64748b;--link: #a78bfa;--error: #fca5a5;--error-bg: rgba(239,68,68,.12);--shadow: 0 16px 48px rgba(0,0,0,.6);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}:root[data-theme=light]{color-scheme:light;--bg: #f5f7fb;--card: #edf0f7;--text: #0f172a;--secondary: #475569;--border: #d0d9e8;--link: #6d28d9;--error: #991b1b;--shadow: 0 16px 48px rgba(0,0,0,.12)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}a,button,input,select{touch-action:manipulation}:focus-visible{outline:3px solid var(--link);outline-offset:3px}button{min-height:44px;padding:.65rem 1rem;border-radius:.5rem;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:.875rem;font-weight:600;cursor:pointer}button:disabled{opacity:.65;cursor:wait}.primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:transparent;color:#fff}.primary:hover:not(:disabled){filter:brightness(1.1)}.danger{color:var(--error);border-color:var(--error)}h1{font-size:1.5rem;line-height:1.3;margin:0}h2{font-size:1.125rem;margin:0 0 1rem}p{line-height:1.55;overflow-wrap:anywhere}.secondary{color:var(--secondary);font-size:.875rem}#root:has(>.auth-card){min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{width:100%;max-width:28rem;margin:0;padding:clamp(1rem,8vw,2rem);border-radius:1rem;border:1px solid var(--card);background:var(--card);box-shadow:var(--shadow);overflow-wrap:anywhere}.brand{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;color:var(--text);font-size:1.125rem;font-weight:600}.brand img{height:2.5rem;width:auto}.auth-card>.secondary{margin:.5rem 0 1.75rem}form{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem}form>p{margin:0}.field{min-width:0}.field label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.field input,.field select{width:100%;min-width:0;min-height:44px;padding:.625rem .75rem;border:1px solid var(--control-border);background:var(--bg);color:var(--text);border-radius:.5rem}.field input[readonly]{color:var(--secondary)}.field [aria-invalid=true]{border-color:var(--error)}.field-error{font-size:.875rem;color:var(--error);margin:.4rem 0 0}.required{color:var(--secondary)}.checkbox{display:flex;align-items:center;gap:.5rem;color:var(--secondary);font-size:.875rem;min-height:32px}.checkbox input{width:1rem;height:1rem;accent-color:#7c3aed}.center-link{display:block;text-align:center;font-size:.875rem;font-weight:500;padding:.5rem;margin-top:1rem}.notice{padding:.75rem;border-radius:.5rem;background:var(--bg);font-size:.875rem;overflow-wrap:anywhere;line-height:1.5}.notice.error{background:var(--error-bg);color:var(--error)}.session-actions{display:flex;gap:1rem;align-items:center;justify-content:flex-end;flex-wrap:wrap;padding:1rem}.page{width:calc(100% - 2rem);max-width:42rem;margin:2rem auto}.page.wide{max-width:60rem}.page>h1{margin:1rem 0 2rem;overflow-wrap:anywhere}.page>section{padding:1.5rem;margin-bottom:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:1rem}.page>section form:first-of-type{margin-top:0}.page>.notice{margin-bottom:1rem}.user-list{padding:0;margin:0;list-style:none}.user-list li{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border)}.user-list li:last-child{border-bottom:0}.user-list li>div{min-width:0;overflow-wrap:anywhere}.user-list li p{margin:.25rem 0}.user-list li a{padding:.5rem 0}.confirmation{outline:2px solid var(--link)}.confirmation>button{margin-top:1rem}@media(max-width:380px){.page>section{padding:1rem}.user-list li{align-items:flex-start;flex-direction:column;gap:.5rem}}