:root{color-scheme:dark;--ink:#fcf3f1;--muted:#ccbcc7;--bg:#150f19;--line:#503748;--pink:#ffa6c0;--gold:#ffcd86}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0,#3a2335,transparent 40rem),var(--bg);color:var(--ink);font:16px/1.62 system-ui,sans-serif}a{color:var(--pink);text-underline-offset:.2em}a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.skip{position:absolute;top:-5rem}.skip:focus{top:1rem;left:1rem;background:var(--bg);padding:.5rem}header,footer{background:#1e1722;border-bottom:1px solid var(--line)}.bar,nav,main,footer>div,footer>p{max-width:72rem;margin:auto}.bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.9rem clamp(.7rem,4vw,2rem)}.bar img{height:auto;max-width:100%;vertical-align:middle}.buttons{display:flex;gap:.5rem;flex-wrap:wrap}nav,footer>div{display:flex;flex-wrap:wrap;gap:.3rem 1rem}nav{padding:.2rem clamp(.7rem,4vw,2rem) .75rem}nav a{color:var(--ink);font-size:.92rem}main{padding:clamp(.8rem,4vw,2rem);min-height:55vh}.hero,.reading,.panel{background:#251b29;border:1px solid var(--line);border-radius:1rem;padding:clamp(1rem,4.7vw,3rem)}.hero{background:linear-gradient(125deg,#442639,#241827 72%)}.reading{max-width:52rem}small{color:var(--gold);font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}h1,h2{line-height:1.12}h1{font-size:clamp(1.75rem,5vw,4rem);margin:.5rem 0 1rem;max-width:24ch}.reading h1{font-size:clamp(1.6rem,4vw,3rem)}h2{margin-top:1.5em}.body p,.hero p{max-width:65ch;color:var(--muted)}.reading p{color:var(--ink);white-space:pre-line}.btn{display:inline-block;background:var(--pink);color:#2a1425;font-weight:700;border-radius:.55rem;text-decoration:none;padding:.45rem .75rem}.grid,.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.65rem;margin:1rem 0;padding:0;list-style:none}.grid a,.tiles a{display:block;background:#281d2c;border:1px solid var(--line);padding:.75rem .9rem;border-radius:.55rem}.tiles img{width:100%;height:auto;aspect-ratio:1.7;object-fit:contain;background:#19121d;border-radius:.4rem}.tiles strong{display:block;color:var(--ink)}.tiles a{text-decoration:none}.art{max-width:100%;height:auto;border-radius:.55rem}footer{padding:1rem clamp(.7rem,4vw,2rem);font-size:.85rem;color:var(--muted)}footer>p{padding-top:.65rem}label{display:block;margin-top:1rem}input{width:min(100%,28rem);padding:.65rem;background:#241927;color:var(--ink);border:1px solid var(--line);border-radius:.4rem}@media(max-width:40rem){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}nav{gap:.2rem .7rem}}