:root{--bg:#f7f7f5;--surface:#fff;--border:#e2e2dd;--fg:#1c1c1a;--muted:#6b6b66;--accent:#2f5d50;--danger:#9b2c2c;--radius:8px}@media (prefers-color-scheme:dark){:root{--bg:#16161a;--surface:#1f1f24;--border:#32323a;--fg:#ececeb;--muted:#9a9a94;--accent:#6fae9b;--danger:#e07b7b}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}a{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}label{color:var(--muted);margin-bottom:.25rem;font-size:.875rem;display:block}input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--fg);padding:.55rem .7rem;font-size:1rem}button{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:.55rem 1rem;font-size:1rem}button:disabled{opacity:.55;cursor:not-allowed}.error{color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius);background:color-mix(in srgb, var(--danger) 8%, transparent);padding:.6rem .75rem;font-size:.875rem}