:root{color-scheme:dark;--paper:#eee8d9;--ink:#131a19;--muted:#a5b6af;--mint:#b8f0b0}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;border:1px solid #68756c;background:transparent;color:var(--paper);padding:13px 18px;font:inherit}button:hover,button:focus-visible{background:var(--mint);color:var(--ink)}button:disabled{opacity:.5;cursor:wait}header,footer{display:flex;justify-content:space-between;gap:20px;padding:24px 4vw;border-bottom:1px solid #39433d;font-size:12px;letter-spacing:1.6px}header a{font-weight:900}header a span{color:var(--mint);margin-left:12px}main{max-width:1600px;margin:auto;padding:34px 4vw}.heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}h1{font-size:clamp(34px,4.6vw,72px);letter-spacing:-2px;line-height:1;margin:10px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--mint)}.heading>p{font-size:14px;line-height:1.6;color:var(--muted)}#player{position:relative;background:#090d0d;aspect-ratio:16/10;max-height:80vh;width:100%;overflow:hidden;border:1px solid #39433d}canvas{display:block;width:100%;height:100%;outline:none}#cover{position:absolute;inset:0;display:grid;align-items:center;padding:6%;background:linear-gradient(90deg,#101817f5,#10181780),url('/walking-cathedral.jpg') center/cover}#cover[hidden]{display:none}h2{font-size:clamp(28px,4.5vw,66px);line-height:1.05;letter-spacing:-1.5px;margin:20px 0}#cover p{line-height:1.6;color:#ced6d0}#load{background:var(--mint);color:var(--ink);font-weight:700;margin:12px 0;min-width:220px;display:flex;justify-content:space-between}#support{font-size:11px;max-width:340px}#error{position:absolute;inset:0;padding:8%;background:#101817ec;line-height:1.7;white-space:pre-line}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #39433d}.toolbar>div{flex:1}#status{font-size:13px;margin:6px 0;color:var(--muted)}#status[data-state=error]{color:#ffb6a5}#progress{height:3px;background:#39433d;max-width:560px;margin-top:10px}#bar{display:block;width:0;height:100%;background:var(--mint)}.help{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;font-size:12px;line-height:1.8;color:var(--muted);padding-top:12px}.help b{color:var(--paper)}footer{border-top:1px solid #39433d;border-bottom:0;font-size:10px;color:var(--muted)}#player:fullscreen{max-height:none;height:100vh;width:100vw;border:0;aspect-ratio:auto}@media(max-width:700px){main{padding-top:24px}.heading>p{display:none}.help{grid-template-columns:1fr;gap:0}#player{aspect-ratio:4/3}#cover{padding:5%}#cover h2{font-size:30px;margin:10px 0}#cover p{font-size:12px}#support{display:none}.toolbar button{padding:10px;font-size:11px}footer span{display:none}}
