:root{--bg:#232136;--fg:#e0def4;--muted:#6e6a86;--accent:#9ccfd8;
--heading:#ebbcba;--link-hover:#eb6f92;--hover-bg:#44415a;}
#lights:checked ~ main{--bg:#faf4ed;--fg:#575279;--muted:#9893a5;
--accent:#31748f;--heading:#b4637a;--link-hover:#d7827e;--hover-bg:#dfdad9;}
*{margin:0;padding:0;background:var(--bg);color:var(--fg);
font-family:monospace;font-weight:bold;font-size:1.1rem;line-height:1.4;
transition:background 0.2s,color 0.2s;}
main{background:var(--bg);color:var(--fg);padding:1.5rem 2rem 3.5rem 2rem;
min-height:100vh;box-sizing:border-box;}
h1,h2{font-size:1.1em;margin:1.2rem 0 0.3rem 0;
text-transform:uppercase;color:var(--heading);}
pre{margin:0;margin-left:1.2rem;white-space:pre-wrap;}
a{color:var(--accent);text-decoration:none;}
a:hover,a:focus{text-decoration:underline;outline:none;
background-color:var(--hover-bg);}
input[type="checkbox"]{display:none;}
label{position:fixed;top:0;right:0;padding:0.3rem 0.6rem;font-size:0.8rem;
color:var(--muted);background:transparent;}
.blink{animation:blink .5s step-end infinite alternate;
border-right:14px solid var(--fg);}
@keyframes blink{50%{border-color:transparent;}}