:root{color-scheme:dark;--paper:#111619;--ink:#f0f1e9;--muted:#b6c0bd;--accent:#b6dac5;--line:#3c494b;--lilac:#cdc3de;font:100%/1.65 Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}.masthead,footer{width:min(1280px,100%);margin:auto;padding:2rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.wordmark{font:800 1.4rem/1.1 "Trebuchet MS",Arial,sans-serif;letter-spacing:-.04em}.wordmark small{display:block;font: .55rem ui-monospace,monospace;letter-spacing:.2em;margin-bottom:.4rem}.wordmark:after{content:"";display:block;height:3px;background:var(--accent);margin-top:.55rem}.status,.eyebrow,footer{font: .65rem/1.6 ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.status{border:1px solid var(--line);border-radius:5px;padding:.45rem .7rem}main{flex:1;width:100%;max-width:1100px;padding:2rem 1.25rem 4rem;margin:auto;text-align:center}.mark{width:180px;height:160px;margin:0 auto 2.6rem;position:relative;display:grid;place-items:center}.mark i{position:absolute;width:135px;height:135px;border:1px solid var(--line);border-radius:24px;transform:rotate(-18deg)}.mark i:nth-child(2){transform:rotate(22deg);border-color:var(--accent);border-radius:50%}.mark span{font:900 7rem/1 Arial,sans-serif;letter-spacing:-.1em;color:var(--lilac);transform:rotate(-8deg)}.eyebrow{color:var(--accent);margin:0 0 1.4rem}h1{font:600 clamp(2.8rem,6vw,5.5rem)/1.02 "Trebuchet MS",Arial,sans-serif;letter-spacing:-.055em;margin:0;text-wrap:balance}.intro{color:var(--muted);margin:1.7rem 0 0;font-size:1rem}.rule{width:3rem;height:1px;background:var(--accent);margin:2.5rem auto 0}footer{border-top:1px solid var(--line);font-size:.58rem}
@media(max-width:600px){.masthead,footer{padding:1.5rem 1.25rem}.wordmark{font-size:1.1rem}.status{font-size:.55rem}main{padding-top:2rem}.mark{margin-bottom:2rem}footer{flex-wrap:wrap;letter-spacing:.09em}}

a{color:var(--accent);text-underline-offset:.25em}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

.sound-control{margin:1.5rem auto 0}.sound-control button{font:inherit;font-size:.8rem;color:var(--accent);background:transparent;border:1px solid var(--line);border-radius:5px;padding:.55rem .9rem;cursor:pointer}.sound-control button[aria-pressed=true]{border-color:var(--accent)}#ambient-note{font-size:.8rem;color:var(--muted)}footer{flex-wrap:wrap}.audio-credit{flex-basis:100%;text-align:right}