:root{color-scheme:dark;--bg:#081417;--panel:#0e2025;--line:#294047;--ink:#e5efe9;--muted:#91aaa8;--mint:#9aeee0;--peach:#f1bc93;--lilac:#b6c9ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0,#17363077,transparent 48%),var(--bg);color:var(--ink);font:15px/1.6 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:7px;padding:9px 14px;transition:background .2s,border-color .2s}button:hover{background:#28463f;border-color:#83c1ac}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button[aria-selected=true],button.active{background:#a3e5ce;color:#10231f;border-color:#a3e5ce}header{max-width:1500px;margin:auto;padding:26px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{font-size:13px;letter-spacing:2px;text-decoration:none;font-weight:700;display:flex;align-items:center;gap:12px}.logo{font-size:36px;color:var(--mint);line-height:1}nav{display:flex;gap:28px;font-size:12px;color:var(--muted)}main{max-width:1500px;margin:auto;padding:0 48px}.intro{padding:60px 0 45px;display:flex;justify-content:space-between;align-items:end;gap:40px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:650}h1{font-size:clamp(45px,5.3vw,78px);line-height:1.03;letter-spacing:-3.5px;margin:22px 0 0;font-weight:450}h1 em{font-family:Georgia,serif;font-weight:400;color:#b8d9bd}.intro>p{max-width:350px;color:#a5b9b5;font-size:16px;margin-bottom:5px}.lab{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden;box-shadow:0 30px 90px #0003}.sourcebar{padding:22px 26px;border-bottom:1px solid var(--line)}#presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}#presets button{font-size:12px;min-width:105px;text-align:left;line-height:1.5}#presets small{display:block;opacity:.7;font-size:10px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px}.visual{min-width:0;background:radial-gradient(ellipse at 45% 52%,#224e4220,transparent 65%),#0a191e}.viewbar{padding:20px 24px;display:flex;justify-content:space-between;gap:12px;align-items:center}.tabs{display:flex;gap:5px}.tabs button{font-size:11px;padding:7px 13px}.playback{text-align:right;font-size:10px;color:var(--muted)}.playback b{display:block;color:var(--mint);font-weight:500}.tracehead{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:var(--muted);padding:0 25px}#trace{display:block;width:100%;border-bottom:1px solid #ffffff0b}svg text{fill:#b5cdc5;font:12px system-ui,sans-serif}#trace text{font-size:10px;fill:#7f9c98}.scene-wrap{position:relative}#scene{width:100%;display:block}.micro{font-size:10px;letter-spacing:2px;fill:#789992}.sub{font-size:10px;fill:#91aaa8}.leader{fill:none;stroke:#84a698;stroke-width:1;opacity:.65}.scenebadge{position:absolute;top:16px;right:22px;border:1px solid #59716355;background:#0c2024cc;padding:5px 9px;border-radius:4px;font-size:8px;letter-spacing:1px;display:flex;gap:7px;align-items:center}.statusdot{height:5px;width:5px;background:var(--peach);border-radius:50%}.caption{display:flex;gap:20px;padding:20px 27px 26px;border-top:1px solid #ffffff0b}.caption>span{font-family:Georgia,serif;font-size:30px;color:#647f75}.caption h2{font-weight:500;font-size:18px;margin:0 0 7px}.caption p{font-size:12px;line-height:1.7;color:var(--muted);margin:0;max-width:680px}aside{border-left:1px solid var(--line);padding:27px 23px;background:#102328}.frequency{margin:32px 0 24px}output{display:block;font-size:38px;letter-spacing:-1.5px;font-weight:400;color:var(--mint)}.frequency>span{font-size:11px;color:var(--muted)}label{display:block;font-size:11px;margin-bottom:12px}input[type=range]{accent-color:var(--mint);width:100%;margin:0;height:22px}.rangeends{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.stats{margin:22px 0;border-top:1px solid var(--line)}.stats>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:11px}.stats span{color:var(--muted)}.stats b{font-weight:500}.source-note{font-size:11px;line-height:1.7;color:#abc0b8;min-height:96px}.actions{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0}.actions button{font-size:10px;padding:7px 9px}.interpret{border-top:1px solid var(--line);padding-top:22px;margin-top:26px}.interpret .eyebrow{color:var(--peach);font-size:9px;letter-spacing:1px}.interpret p{font-size:12px;color:#adbbb3;line-height:1.7}.interpret button{font-size:11px;width:100%}.key{display:grid;gap:9px;margin-top:30px;font-size:10px;color:var(--muted)}.key i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px}.mint{background:var(--mint)}.peach{background:var(--peach)}.lilac{background:var(--lilac)}.story{padding:65px 0 48px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:28px}.cards article{border-top:1px solid var(--line);padding-top:21px}.cards article>span{font-size:10px;color:#75978b;letter-spacing:1px}h3{font-size:21px;font-weight:450;letter-spacing:-.5px;line-height:1.3}.cards p{font-size:13px;color:var(--muted);line-height:1.8}#evidence{border-top:1px solid var(--line);padding:37px 0}#evidence h2{font:34px Georgia,serif;color:#bfd4bd;margin:16px 0 25px}.papers{display:grid;grid-template-columns:1fr 1fr;gap:20px}.papers a{border:1px solid var(--line);border-radius:10px;padding:22px;text-decoration:none;background:#112329}.papers a:hover{border-color:var(--mint)}.papers small{color:var(--mint);font-size:9px;letter-spacing:1.3px}.papers h3{font-size:18px;margin:13px 0}.papers p,.references{font-size:12px;color:var(--muted)}details{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}summary{cursor:pointer;font-size:13px}.methods{max-width:950px;font-size:12px;color:var(--muted);line-height:1.85;padding-top:15px}.methods b{color:var(--ink)}footer{padding:25px 0 40px;border-top:1px solid var(--line);font-size:9px;letter-spacing:1px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:1000px){main{padding:0 24px}header{padding:20px 24px}.workspace{grid-template-columns:minmax(0,1fr) 255px}.viewbar{padding:18px 14px}.tabs button{padding:7px 9px}.intro{padding-top:40px}.intro>p{max-width:280px}.cards{gap:22px}.scenebadge{font-size:7px;right:12px}}@media(max-width:760px){header nav a:first-child{display:none}header{padding:16px}.brand{font-size:10px;letter-spacing:1px}nav{font-size:10px}main{padding:0 14px}.intro{display:block;padding:35px 8px 28px}h1{font-size:52px;letter-spacing:-2.5px}.intro>p{max-width:430px;font-size:14px;margin-top:23px}.workspace{display:flex;flex-direction:column}.sourcebar{padding:18px 15px}#presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}#presets button{min-width:0;font-size:10px;padding:8px}#presets small{font-size:9px}aside{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:25px;padding:22px}.frequency{grid-column:1/-1;margin:16px 0}aside>.eyebrow,aside>label,aside>input,.rangeends,.interpret{grid-column:1/-1}.source-note{margin:20px 0 0;min-height:0}.actions,.key{margin-top:0}.key{margin-bottom:0}.interpret{margin-top:12px}.caption{padding:16px;gap:12px}.caption h2{font-size:16px}.caption p{font-size:11px}.cards,.papers{grid-template-columns:1fr}.story{padding:38px 8px}.cards{gap:14px}.cards h3{margin:12px 0}.scenebadge{top:5px;padding:3px 5px;font-size:6px}.playback{font-size:9px}.tabs button{font-size:10px}.viewbar{gap:5px}.tracehead{font-size:7px}footer{flex-direction:column;gap:8px}}
