:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif}body{color:#e2e8f0;background:#0f172a;margin:0}#root{justify-content:center;align-items:center;min-height:100vh;display:flex}.card{text-align:left;background:#1e293b;border-radius:12px;width:320px;max-width:calc(100vw - 2rem);padding:2.5rem;box-shadow:0 10px 30px #0006}.card--wide{text-align:center;width:380px}.card h1{margin:0 0 1.5rem;font-size:1.25rem}.card p{color:#94a3b8}.field label{color:#94a3b8;margin-bottom:.35rem;font-size:.85rem;display:block}.field input{color:#e2e8f0;box-sizing:border-box;background:#0f172a;border:1px solid #334155;border-radius:6px;width:100%;margin-bottom:1rem;padding:.6rem;font-size:1rem}button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:6px;width:100%;padding:.65rem;font-size:1rem;font-weight:600}button:hover{background:#4f46e5}button:disabled{cursor:not-allowed;background:#334155}button.secondary{background:#334155}button.secondary:hover{background:#475569}.error{color:#f87171;margin-bottom:1rem;font-size:.85rem}.hint{color:#64748b;margin-top:1rem;font-size:.75rem}.directory-list{flex-direction:column;gap:.6rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.directory-list a{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:6px;padding:.75rem 1rem;font-weight:600;text-decoration:none;display:block}.directory-list a:hover{background:#1e293b;border-color:#6366f1}