:root{color-scheme:dark;--cream:#e8e6d9;--muted:#9da3b1;--edge:#ffffff27}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0b0f1c;color:var(--cream);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.grain{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at 70% 45%,transparent 15%,#070913a8 100%)}button,a{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--edge);background:#141a2bb8;padding:10px 13px;border-radius:3px}button:hover,a:hover{color:#f4cba4;border-color:#f4cba4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #ffd7a5;outline-offset:3px}a{text-decoration:none}header,footer{position:fixed;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center;gap:14px;z-index:2}header{top:25px}.brand{font-size:12px;letter-spacing:.17em;font-weight:700}.edition,.eyebrow,.footnote,footer{font-size:10px;letter-spacing:.14em}.edition{color:#7c879d}.quiet{font-size:11px;background:transparent}main{position:fixed;inset:0;pointer-events:none}.intro{position:absolute;left:7vw;top:21vh;max-width:430px}.eyebrow{color:#e2aa89;font-weight:700}h1{font-family:Georgia,serif;font-size:clamp(62px,8vw,128px);font-weight:400;line-height:.84;letter-spacing:-.06em;margin:24px 0}h1 em{font-weight:400;color:#e8b69d}.intro p{color:#b4b8c3;font-size:14px;line-height:1.6;max-width:270px}.controls{position:absolute;right:5vw;top:31vh;display:flex;flex-direction:column;gap:14px;pointer-events:auto;max-width:220px}.mode{display:flex;gap:6px}.mode button{flex:1}.selected{background:#c89e83;color:#111524;border-color:#eac4a5}.range{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.1em}.range input{width:125px;accent-color:#e6b29b}.actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.actions button{font-size:12px}.footnote{position:absolute;left:7vw;bottom:13vh;display:flex;gap:25px;color:#c4bdba}.footnote span:last-child{color:#e1aa8c}footer{bottom:24px;color:#9298a6}footer div{display:flex;gap:24px;align-items:center}footer button{font-size:10px;letter-spacing:.13em;background:none;border:0;padding:0}dialog{width:min(560px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid #d2aa8766;background:#141b2b;color:#e9e7de;padding:0;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#060812d9;backdrop-filter:blur(8px)}.dialog-inner{padding:clamp(22px,5vw,44px)}h2{font:normal clamp(30px,5vw,46px)/1.05 Georgia,serif;margin:20px 0}dialog p,dialog li{font-size:14px;line-height:1.65;color:#c7c8ce}dialog li{margin-bottom:8px}dialog ol{padding-left:21px}dialog strong{color:#f4d4ba}.primary{background:#e6b79a;color:#101521;border:0;margin-top:10px;font-weight:700}.row{display:flex;gap:10px;flex-wrap:wrap}textarea{width:100%;resize:vertical;background:#0a0e18;color:#fff;border:1px solid #6e7786;padding:12px;margin:10px 0}.small{font-size:11px!important}@media(max-width:700px){header{top:15px;left:18px;right:18px}.edition{display:none}.intro{left:22px;top:14vh}.intro h1{font-size:64px}.intro p{font-size:12px;max-width:240px}.controls{right:18px;top:auto;bottom:115px;max-width:none;width:min(300px,calc(100vw - 36px));gap:8px}.controls button{padding:9px}.footnote{left:22px;bottom:75px;max-width:180px;flex-direction:column;gap:6px}footer{left:18px;right:18px;bottom:15px;align-items:flex-end}footer>span{display:none}footer div{width:100%;justify-content:space-between;gap:8px}footer a,footer button{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}