html{--font:sans-serif}html[data-theme=dark]{background:#111;color:#eee}html[data-theme=light]{background:#fff;color:#111}html[data-theme=sepia]{background:#f4ecd8;color:#5b4636}body{margin:0;font-family:var(--font)}.header{position:-webkit-sticky;position:sticky;top:0;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center}.glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.4)}html[data-theme=light] .glass,html[data-theme=sepia] .glass{background:rgba(255,255,255,.4)}.nav .links{display:flex;list-style:none;gap:1rem;margin:0;padding:0}.footer{text-align:center;padding:2rem 0}.back-to-top{position:fixed;bottom:1rem;right:1rem}.design-editor{position:fixed;top:0;right:0;bottom:0;width:300px;padding:1rem;background:rgba(0,0,0,.8);color:inherit;overflow-y:auto}html[data-theme=light] .design-editor,html[data-theme=sepia] .design-editor{background:rgba(255,255,255,.8)}.design-editor label{display:block;margin:1rem 0}.design-editor textarea{width:100%;min-height:4rem}.announcement-bar{padding:.25rem 1rem;text-align:center;background:rgba(0,0,0,.8);color:#fff}html[data-theme=light] .announcement-bar,html[data-theme=sepia] .announcement-bar{background:rgba(255,255,255,.8);color:#000}.cookie-consent{position:fixed;bottom:0;left:0;right:0;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.9);color:#fff}html[data-theme=light] .cookie-consent,html[data-theme=sepia] .cookie-consent{background:rgba(255,255,255,.9);color:#000}.visitor-counter{display:block;margin-bottom:.5rem}.keyboard-hints{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}.keyboard-hints-content{background:#000;color:#fff;padding:1rem;border-radius:4px}html[data-theme=light] .keyboard-hints-content,html[data-theme=sepia] .keyboard-hints-content{background:#fff;color:#000}