:root{--page-background:#f4f4f5;--background:#fff;--foreground:#171717;--card-border:#e4e4e7;--muted:#71717a;--accent:#18181b;--accent-hover:#09090b;--danger:#dc2626}@media (prefers-color-scheme:dark){:root{--page-background:#09090b;--background:#18181b;--foreground:#ededed;--card-border:#27272a;--muted:#a1a1aa;--accent:#f4f4f5;--accent-hover:#fff}}*{box-sizing:border-box}body{background:var(--background);min-height:100vh;color:var(--foreground);justify-content:center;align-items:center;margin:0;font-family:Arial,Helvetica,sans-serif;display:flex}.card{border:1px solid var(--card-border);background:var(--page-background);border-radius:12px;width:100%;max-width:420px;padding:32px;box-shadow:0 1px 2px #0000000d}h1{margin:0 0 8px;font-size:20px;font-weight:600}.subtle{color:var(--muted);margin:0 0 20px;font-size:14px}.error{color:var(--danger);margin:0 0 16px;font-size:14px}.user-list{flex-direction:column;gap:10px;display:flex}.user-card{text-align:left;border:1px solid var(--card-border);width:100%;color:inherit;cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;gap:2px;padding:14px 16px;font-family:inherit;text-decoration:none;transition:border-color .15s;display:flex}.user-card:hover{border-color:var(--accent-hover)}.user-card.disabled{opacity:.5;cursor:default}.user-email{font-size:14px;font-weight:600}.user-label{color:var(--muted);font-size:12px}