:root{color-scheme:dark;font:14px/1.5 Inter,Segoe UI,sans-serif;background:#091217;color:#dfebe9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 0,#285a6144,transparent 60%)}main{max-width:1440px;margin:auto;padding:26px clamp(16px,3vw,42px)}a{color:#d6bf82}header>a{float:right}.eyebrow{font-size:.72rem;color:#c9b884;letter-spacing:.15em}h1,h2{font-weight:500}h1{font:clamp(2rem,4vw,3.4rem) Georgia,serif;margin:12px 0}header p{color:#a4b8bd;margin-bottom:25px}.experiment{border:1px solid #789c9877;border-radius:16px;overflow:hidden;background:#101d24;box-shadow:0 20px 80px #0005}.toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid #81aba32e}.toolbar label{display:flex;align-items:center;gap:14px}.timeline{flex:1 1 200px}.timeline input{width:100%;accent-color:#e2bf78;min-width:70px}button,select{background:#2a3b42;border:1px solid #c0b67c77;border-radius:5px;color:#ece5cf;padding:8px 14px;font:inherit;cursor:pointer;max-width:100%}button:hover{background:#3a4e50}output{font-variant-numeric:tabular-nums}#frame-value{min-width:17ch;color:#d5c398}.views{display:grid;grid-template-columns:1fr 1fr}.views article+article{border-left:1px solid #81aba32e}h2{font-size:1rem;margin:0}.views h2{padding:16px 20px 4px}.views h2 small{display:block;color:#849ba4;font-size:.72rem;margin:5px 0 0 26px}h2>span{font:11px monospace;color:#b6a27a;margin-right:7px}.view{height:390px;position:relative;background:radial-gradient(ellipse at center,#162832,#091319 75%)}canvas{display:block;width:100%;height:100%}.caption{position:absolute;left:15px;right:15px;bottom:10px;text-align:center;color:#8ca4ad;font-size:.7rem;pointer-events:none}.curves{padding:20px;border-top:1px solid #81aba32e}.curve-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}#track-note{font-size:.8rem;color:#a5b6bc;margin:12px 0 3px;min-height:2.6em}.track-select{display:flex;align-items:center;gap:10px;max-width:100%;font-size:.85rem;flex-wrap:wrap}.plots{display:grid;grid-template-columns:1fr 1fr;gap:28px}.plots label{display:flex;justify-content:space-between;margin-top:12px;font-size:.85rem;gap:10px}.x{color:#ecc482}.y{color:#84d5d4}svg{display:block;width:100%;touch-action:none;cursor:crosshair}svg text{font:10px ui-monospace,monospace;fill:#6c929e}svg:focus-visible{outline:1px solid #ecc482}.track{fill:none;stroke-width:1.6}.key{opacity:.72}.cursor{stroke:#ffffff50;stroke-dasharray:3 4}.playhead{fill:#eef8ed;stroke:#111;stroke-width:2}#status{font-size:.75rem;color:#879fa8;margin:12px 0 0}.notes{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:30px 0}.notes h2{font:1.4rem Georgia,serif;color:#d9d8c3}.notes p{color:#9fb2b9;line-height:1.75}footer{font-size:.8rem;color:#758e99;padding-bottom:20px}#error{background:#6b2424;padding:15px}.layers{gap:15px;background:#15252b}.layers label{gap:7px;font-size:.85rem}.layers input{accent-color:#91d8c6}.control-title{font-size:.72rem;text-transform:uppercase;color:#bdba96;letter-spacing:.08em}.layers #reset{margin-left:auto;font-size:.8rem;padding:5px 10px}.layer-tracks,.exports{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.layer-tracks button{font-size:.73rem;padding:5px 10px;border-color:#65918a66;color:#b6d7ce}.exports{border-top:1px solid #85a59222;margin-top:15px;padding-top:15px;font-size:.8rem}.exports span{color:#7f969d;font-size:.73rem}.exports button{font-size:.8rem;padding:6px 10px}[hidden]{display:none!important}@media(max-width:760px){.views,.plots,.notes{grid-template-columns:1fr}.views article+article{border-left:0;border-top:1px solid #81aba32e}.view{height:320px}.plots{gap:6px}.toolbar{gap:12px;padding:14px}.curve-heading p{margin-top:8px}main{padding:18px 12px}.notes{gap:15px}.timeline{order:3;flex-basis:100%}.views h2{padding-top:12px}.layers{gap:12px}.layers label{flex-basis:45%}.layers .control-title{flex-basis:100%}.track-select select{width:100%;font-size:.82rem}.curves{padding:16px}.exports{align-items:flex-start}}
.npr{background:linear-gradient(110deg,#17363788,#302b2133);align-items:flex-start}.npr label{flex-wrap:wrap;gap:10px}.npr p{flex:1 1 360px;font-size:.8rem;color:#a7c2bc;line-height:1.65;margin:0}.npr-explainer{grid-column:1/-1;padding:22px;border:1px solid #bbaa6566;border-radius:12px;background:#24322c55}.npr-explainer p{max-width:100ch}body[data-loading="true"] #status{color:#f1cf82}button:focus-visible,select:focus-visible{outline:2px solid #9ee4d8;outline-offset:3px}

#glass-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;cursor:default}#glass-overlay text{fill:#e5a2d2;font:11px ui-monospace,monospace}.glass-detail-control{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:20px;padding:15px 0;border-top:1px solid #75999544}.glass-detail-control label{color:#e8d69e;cursor:pointer}.glass-detail-control input{accent-color:#92d6c4}.glass-detail-control span{font-size:.78rem;color:#91aeb5}#glass-details{border:1px solid #688b8c55;background:#10232b;padding:16px;border-radius:10px}#glass-details h3{font:1.5rem Georgia;margin:0;color:#e3d3a9}#glass-detail-note{font-size:.85rem;color:#abc3c5}#glass-track-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.glass-track label{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;color:var(--track-color)}.glass-track output{white-space:nowrap}.glass-track small{font-size:.7rem;color:#78989f;line-height:1.6;display:block}.glass-track svg{background:#0b1a2044;margin:6px 0}.glass-study{margin-top:28px}.study-heading{padding:24px}.study-heading h2{font:clamp(1.8rem,3vw,2.4rem) Georgia;margin:10px 0;color:#e3d7b4}.study-heading p,.study-controls p{color:#a7bfc0;font-size:.87rem;line-height:1.7;margin-bottom:0}.study-view{height:390px}.study-controls{padding:18px 20px;display:grid;gap:16px}.study-controls>label{display:grid;grid-template-columns:1fr auto;gap:8px;color:#bccec9;font-size:.8rem}.study-controls>label input{grid-column:1/-1;grid-row:2;width:100%;accent-color:#dfc27b}.checks{display:flex;gap:12px;flex-wrap:wrap;color:#b6cdc8;font-size:.78rem}.checks input{accent-color:#86cabb}.study-scope{margin:0;padding:0 20px 24px;color:#849fa7;font-size:.75rem;line-height:1.7}#glass-volume{cursor:grab;touch-action:none}#glass-volume:active{cursor:grabbing}.glass-study .toolbar>span{color:#8cabac;font-size:.8rem}.glass-study .toolbar output{color:#e3c37d;min-width:6ch}@media(max-width:760px){#glass-track-list{grid-template-columns:1fr}.study-view{height:330px}.study-heading{padding:18px}.study-controls{padding:16px}}

.glass-only main>header,.glass-only main>.experiment:not(#glass-study),.glass-only .notes,.glass-only main>footer{display:none}.glass-only #glass-study{margin-top:0}.glass-only main{padding:12px}

.pulse-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.pulse-actions label{font-size:.8rem;color:#b6cdc8}.pulse-actions input{accent-color:#86cabb}
.study-controls>.history-toggle{display:block}.study-controls>.history-toggle span{display:flex;align-items:center;gap:8px}.study-controls>.history-toggle input{width:auto;grid-column:auto;grid-row:auto;margin:0}