:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f5f0;--surface:#fff;--text:#1d1b18;--muted:#6b665e;--border:#ddd8cf;--accent:#2f6fdf;--on-accent:#fff;--ok:#1f9d55;--error:#d64545;--warn-bg:#fff4d6;--key-white:#fff;--key-black:#222;--key-border:#9a958c;--radius:14px;--tap:56px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#15171a;--surface:#1f2226;--text:#ecebe8;--muted:#9da3ab;--border:#33373d;--accent:#5b93f5;--on-accent:#0b1020;--warn-bg:#3a3220;--key-white:#e9e7e2;--key-black:#0c0d0f;--key-border:#4a4f57}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);min-height:100dvh;color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px}a{color:inherit}button,select{font:inherit;color:inherit}.btn{min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);cursor:pointer;padding:0 24px;font-weight:600}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.select{min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);max-width:100%;padding:0 16px}.page{max-width:1200px;margin:0 auto;padding:16px 24px 32px}.topbar{min-height:var(--tap);align-items:center;gap:16px;margin-bottom:16px;display:flex}.topbar h1{margin:0;font-size:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.notice{background:var(--warn-bg);border-radius:var(--radius);padding:14px 18px;line-height:1.4}.muted{color:var(--muted)}.btn-link{flex:none;align-items:center;text-decoration:none;display:inline-flex}.btn-danger{color:var(--error)}.btn-icon{min-width:var(--tap);padding:0 12px;font-size:1.3rem}.btn:disabled{opacity:.45;cursor:default}.topbar h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.topbar-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-left:auto;display:flex}.input{min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;min-width:0;padding:0 16px}.status-ok{color:var(--ok)}.status-error{color:var(--error)}