:root{--bg:#1a1b1d;--surface:#232527;--surface-raised:#2a2c2f;--soft:#1f2123;--fg:#e8eaed;--muted:#8a8d92;--faint:#5e6166;--line:#2e3034;--line-strong:#3a3c40;--accent:#cc785c;--accent-hover:#d68872;--accent-fg:#fff;--err:#e25b5b;--ok:#4caf72}*{box-sizing:border-box}body{color:var(--fg);background:var(--bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}.app{max-width:820px;margin:0 auto;padding:1rem}.center{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:20vh 1rem 0;display:flex}header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;padding-bottom:.75rem;display:flex}h1{margin:0;font-size:1.25rem}h2{margin:0 0 .25rem;font-size:1.05rem}.who{color:var(--muted);overflow-wrap:anywhere;gap:.75rem;display:flex}nav{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1.25rem;display:flex}nav button{border:1px solid var(--line);color:var(--fg);background:0 0;border-radius:999px;padding:.4rem .9rem}nav button:hover{background:var(--surface)}nav button.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-bottom:1.25rem;padding:1rem}.current{flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;margin:.75rem 0 1rem;font-size:1.05rem;display:flex}.label{color:var(--muted);font-size:.85rem}form.row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.buttons{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}form.row .buttons{margin-top:0}label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}input,textarea{font:inherit;border:1px solid var(--line);background:var(--soft);width:100%;color:var(--fg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:6px;padding:.5rem}input:focus,textarea:focus{border-color:var(--accent);outline:none}textarea{resize:vertical;font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace}button{font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg);border-radius:6px;padding:.5rem 1rem}button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button:disabled{opacity:.45;cursor:default}button.secondary{color:var(--fg);border-color:var(--line-strong);background:0 0}button.secondary:hover:not(:disabled){background:var(--surface-raised);border-color:var(--line-strong)}button.link{color:var(--accent);background:0 0;border:none;padding:0;text-decoration:underline}button.link:hover{color:var(--accent-hover);background:0 0}.hint{color:var(--muted);margin:.25rem 0 .5rem;font-size:.85rem}.muted{color:var(--muted)}code{background:var(--surface-raised);color:var(--fg);overflow-wrap:anywhere;border-radius:4px;padding:.1rem .3rem;font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.85em}.notice{border:1px solid;border-radius:6px;margin:.75rem 0 0;padding:.5rem .75rem}.notice.ok{color:var(--ok);border-color:var(--ok)}.notice.error,.error{color:var(--err);border-color:var(--err)}.spinner{border:2px solid var(--surface-raised);border-top-color:var(--accent);vertical-align:middle;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-row{color:var(--muted);align-items:center;gap:.5rem;display:flex}