:root{--text:#3a3542;--text-muted:#6b6375;--text-h:#08060d;--bg:#fff;--bg-subtle:#f7f6f9;--border:#e5e4e7;--accent:#7c3aed;--accent-hover:#6d28d9;--danger:#d92d20;--danger-bg:#fef3f2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#d1cbd9;--text-muted:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--bg-subtle:#1f2028;--border:#2e303a;--accent:#a78bfa;--accent-hover:#c4b5fd;--danger:#f97066;--danger-bg:#2a1414}}*{box-sizing:border-box}body{margin:0}h1,h2,h3{color:var(--text-h);margin:0 0 8px;font-weight:600}p{margin:0 0 12px}a{color:var(--accent)}button{font:inherit}.app-shell{flex-direction:column;min-height:100svh;display:flex}.top-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.top-nav .brand{color:var(--accent);font-weight:700}.top-nav .nav-info{color:var(--text-muted);align-items:center;gap:16px;font-size:14px;display:flex}.page{flex:1;width:100%;max-width:480px;margin:0 auto;padding:32px 24px}.page.page-wide{max-width:720px}.form{flex-direction:column;gap:12px;display:flex}.form label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:14px;display:flex}.form input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:8px 10px}.form button[type=submit]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:4px;padding:10px 16px}.form button[type=submit]:hover{background:var(--accent-hover)}.form button[type=submit]:disabled{opacity:.6;cursor:default}.error-box{background:var(--danger-bg);color:var(--danger);border-radius:6px;padding:8px 12px;font-size:14px}.link-row{color:var(--text-muted);margin-top:16px;font-size:14px}.card{border:1px solid var(--border);background:var(--bg-subtle);border-radius:8px;margin-bottom:12px;padding:16px}.card-title{color:var(--text-h);font-weight:600}.card-meta{color:var(--text-muted);margin-top:4px;font-size:14px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.button-secondary{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:8px 14px}.empty-state{color:var(--text-muted);text-align:center;padding:24px 0;font-size:14px}