:root{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark;--paper:#141815;--ink:#f0eee5;--gold:#d5b66c;--line:#394039;--muted:#b4bbb0}
.theme-toggle{font:12px Arial,Helvetica,sans-serif;color:var(--ink,#22231f);background:transparent;border:1px solid var(--line,#d6d2c8);border-radius:20px;padding:9px 12px;cursor:pointer;white-space:nowrap;min-height:36px}
.theme-toggle:hover{background:var(--line,#d6d2c8)}
.theme-toggle:focus-visible{outline:3px solid #b38b41;outline-offset:4px}
nav{align-items:center;gap:22px}
[data-theme="dark"] h1 em{color:#d5b66c}
[data-theme="dark"] .cta{background:#d5b66c;border-color:#d5b66c;color:#141815}
[data-theme="dark"] .cta:hover{background:#e7cd8e}
[data-theme="dark"] .art-name{background:#30352b;color:#e4ddcb}
[data-theme="dark"] .art-name:before{border-color:#62694e}
[data-theme="dark"] .sample{background:#20271f;color:#f0eee5;border-color:#576049}
[data-theme="dark"] .sample small{color:#b9bea8}
[data-theme="dark"] .ring.two{border-color:#86947a;box-shadow:inset 7px 0 0 #a9b79b,6px 0 0 #59664e}
[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
[data-theme="dark"] p{color:var(--muted)}
[data-theme="dark"] .note{background:#272f25;color:#e4ddcb;border-color:#d5b66c}
.privacy-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
@media(max-width:700px){nav{gap:14px}}
@media(max-width:500px){nav{gap:8px}nav a{font-size:12px}.theme-toggle{padding:8px 10px;font-size:11px}}