:root{--text:#1f2024;--bg:#fff;--border:#e5e4e7;--accent:#6d28d9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#e5e7eb;--bg:#16171d;--border:#2e303a;--accent:#a78bfa}}body{margin:0}#app{max-width:640px;margin:0 auto;padding:0 20px}header nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 0;display:flex}header nav a{color:var(--accent);font-weight:600;text-decoration:none}main{padding:32px 0}form{flex-direction:column;gap:12px;max-width:360px;display:flex}label{flex-direction:column;gap:4px;font-size:14px;display:flex}input{border:1px solid var(--border);color:inherit;font:inherit;background:0 0;border-radius:6px;padding:8px 10px}button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:6px;width:fit-content;padding:8px 14px}button:disabled{opacity:.6;cursor:not-allowed}.error{color:#dc2626;font-size:14px}