:root{color-scheme:light}
html[data-theme=dark]{color-scheme:dark}
html[data-theme=dark] body{background:#101713;color:#edf6ee}
html[data-theme=dark] .card,html[data-theme=dark] .cookie-banner{background:#19251e;color:#edf6ee;border-color:#6b806d}
html[data-theme=dark] .preview,html[data-theme=dark] .usage{background:#25392c;color:#edf6ee}
html[data-theme=dark] textarea,html[data-theme=dark] input:not([type=color]),html[data-theme=dark] select{background:#101b14;color:#fff;border:1px solid #819784}
html[data-theme=dark] .hint,html[data-theme=dark] .intro,html[data-theme=dark] footer,html[data-theme=dark] .preview p{color:#c4d5c5}
html[data-theme=dark] .badge{background:#25392c;color:#edf6ee;border-color:#829882}
html[data-theme=dark] nav button,html[data-theme=dark] .download{background:#213b2a;color:#edf6ee;border-color:#829882}
html[data-theme=dark] .locked{background:#3c321c;color:#fff2c9;border-color:#c9ab5f}
html[data-theme=dark] a{color:#b4e8cb}
html[data-theme=dark] #error,html[data-theme=dark] #accountError{color:#ffb9b0}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b37800;outline-offset:3px}
html[data-theme=dark] :focus-visible{outline-color:#f9ce60}
.theme-control{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:14px}.theme-control select{margin:0}
.cookie-banner{margin:24px 0;padding:20px;border:1px solid #879b87;border-radius:14px;background:white;color:#202c29}
.cookie-actions{display:flex;gap:12px;flex-wrap:wrap}.cookie-actions button{flex:1;min-width:170px}
footer a{margin:0 8px}footer button{margin:12px auto;width:auto;padding:8px 16px}
.legal{max-width:850px;line-height:1.7}.legal h1{font-size:36px}.legal h2{margin-top:32px}
html[data-theme=dark] .legal{color:#edf6ee}