:root[data-theme="dark"]{--bg:#0b0d10;--fg:#e6e6e6;--accent:#ff9f1c;--card:#161a20}
:root[data-theme="light"]{--bg:#f4f1ea;--fg:#1b1b1b;--accent:#b5530a;--card:#ffffff}
body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--fg)}
header{display:flex;gap:1rem;align-items:center;padding:1rem;flex-wrap:wrap}
header img{height:40px} a{color:var(--accent)} main{padding:1rem;max-width:960px;margin:auto}
.card{background:var(--card);padding:1rem;margin:0 0 1rem;border-radius:6px}
button{background:none;border:1px solid var(--accent);color:var(--fg);padding:.4rem .8rem;cursor:pointer}