:root{font-family:Arial,sans-serif;color:#e9e9df;background:#182124;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.file{border:1px solid #526064;border-radius:5px;background:transparent;color:inherit;padding:12px 17px;cursor:pointer;min-height:44px}button:hover,.file:hover{background:#334045}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffdc9f;outline-offset:4px}main{max-width:1440px;margin:auto;padding:0 5vw}header{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid #455154}.brand{display:flex;gap:14px;align-items:center;font-size:13px;letter-spacing:.15em}.brand small{display:block;font-size:9px;color:#a2afb0;margin-top:8px}.sigil{font-size:36px;color:#efb97c}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;padding:65px 0 42px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#c8c8b7;font-weight:700}h1{font:clamp(40px,5.7vw,82px)/1.02 Georgia,serif;letter-spacing:-.04em;margin:23px 0}h1 em{font-weight:400;color:#efb97c}.intro p{color:#b3bfc1;line-height:1.7}.intro aside{align-self:center;border-left:1px solid #526064;padding-left:35px}.clock{font-size:68px;letter-spacing:-.06em;font-variant-numeric:tabular-nums;padding:15px 0 25px}.clock small{font:10px Arial;letter-spacing:.1em;color:#a2afb0;margin-left:15px}.actions{display:flex;gap:9px;flex-wrap:wrap}.primary{background:#efb97c;color:#182124;border-color:#efb97c;font-weight:700}.primary:hover{background:#ffce98}.capture-heading,.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.capture-heading span{font-size:10px;letter-spacing:.12em;color:#a8b6b7}h2{font:30px Georgia,serif;margin:13px 0 23px}.zones{display:grid;grid-template-columns:1fr 1fr;gap:12px}.zone{position:relative;min-height:172px;text-align:left;padding:25px;background:color-mix(in srgb,var(--tone) 8%,#182124);border-color:color-mix(in srgb,var(--tone) 45%,#182124);color:var(--tone);touch-action:none;-webkit-user-select:none;user-select:none}.zone:disabled{opacity:.65}.zone span,.zone small{display:block;font-size:10px;letter-spacing:.12em}.zone strong{display:block;font:32px Georgia,serif;margin:16px 0}.zone b{position:absolute;right:25px;top:65px;font-size:32px;font-weight:400}.zone:active:not(:disabled){background:color-mix(in srgb,var(--tone) 25%,#182124)}.keyboard{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 0;color:#bac3c4;font-size:12px}.keyboard span{color:#97a4a5}select{background:#263337;color:#fff;padding:8px;border:1px solid #526064}.portrait{margin-top:45px}.timeline{border:1px solid #465256;border-radius:5px;overflow:auto}.timeline svg{display:block;width:100%;min-width:560px}.summaries{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.summaries article{border-top:2px solid;padding-top:8px;overflow-wrap:anywhere}.summaries h3{font-size:11px;letter-spacing:.1em}.summaries strong{font:21px Georgia}.summaries p,.summaries small{font-size:11px;color:#acb9bb;line-height:1.6}.interpret{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;margin:65px 0}.interpret p{font-size:13px;line-height:1.7;color:#acb9bb}.interpret input[type=range]{display:block;width:100%;margin:20px 0;accent-color:#efb97c}.cluster-list{max-height:510px;overflow:auto;border-top:1px solid #455154}.cluster-list article{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid #455154}.cluster-number{font:23px Georgia;color:#efb97c}.cluster-list label{font-size:11px;color:#bac3c4}.cluster-list input{display:block;color:#e9e9df;background:transparent;border:0;border-bottom:1px solid #526064;padding:9px 0;font:21px Georgia;max-width:100%;width:290px}.cluster-list small{display:block;font-size:11px;margin-top:10px;color:#bac3c4}.cluster-list p{margin:8px 0 0}details{padding:20px 0;border-top:1px solid #455154;line-height:1.7;font-size:14px;color:#c1cbcc}summary{cursor:pointer;color:#e9e9df}li{padding:10px 0}footer{padding:32px 0;font-size:12px;color:#acb9bb}.file input{display:block;margin-top:8px;max-width:200px;font-size:11px}footer details{margin-top:25px}footer p{line-height:1.7}@media(max-width:750px){main{padding:0 20px}.intro{grid-template-columns:1fr;gap:25px;padding-top:30px}.intro aside{padding-left:20px}.clock{font-size:55px}.zone{min-height:155px;padding:16px}.zone strong{font-size:24px}.zone b{right:12px;top:48px;font-size:22px}.summaries{grid-template-columns:1fr 1fr}.interpret{grid-template-columns:1fr;gap:25px}.section-heading{align-items:start;flex-direction:column}.capture-heading span{max-width:140px;line-height:1.8}.brand small{font-size:8px}header button{padding:8px}.keyboard{gap:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.timeline .raw-marks{clip-path:inset(0 calc(100% - var(--replay-x, 100%)) 0 0) view-box}