:root{--ink:#f5f1eb;--muted:#acb8bf;--glass:rgba(7,14,26,.72);--line:rgba(190,233,232,.16);--aqua:#8ff9df;--pink:#ffaab9;--font:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080d1d;color:var(--ink);font-family:var(--font)}button,input,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #adffe9;outline-offset:4px}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}.screen-reader-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.exhibit{height:100vh;height:100svh;min-height:600px;isolation:isolate;overflow:hidden;position:relative;background:radial-gradient(circle at 57% 41%,#2d2757 0,#151c39 50%,#080d1e 100%)}#scene{display:block;width:100%;height:100%;touch-action:none;position:absolute;inset:0;cursor:grab}#scene:active{cursor:grabbing}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 80% at 50% 48%,transparent 25%,rgba(4,6,17,.38) 100%),linear-gradient(90deg,rgba(4,8,20,.61),transparent 35%,transparent 75%,rgba(7,8,24,.31));z-index:1}.grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.topbar,.intro,.insight-card,.controls-panel,.stage-footer,.marker-layer{z-index:3;position:absolute}.topbar{inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:32px 46px;pointer-events:none}.topbar>*{pointer-events:auto}.brandmark{display:flex;align-items:center;gap:12px;letter-spacing:.19em}.brand-icon{font-size:34px;color:#98ffdf;text-shadow:0 0 22px #97ffe1aa}.brandmark b{font-size:15px;line-height:1.1;font-weight:800;display:block}.brandmark small{font-size:8px;font-weight:600;letter-spacing:.225em;display:block;margin-top:7px;color:#a9c5c5}.topnav{display:flex;gap:25px;align-items:center;font-size:10px;font-weight:700;letter-spacing:.15em}.edition{color:#bdc4d0}.tiny-dot{color:#8ef2d4;font-size:7px;margin:0 7px}.nav-link{white-space:nowrap;border-bottom:1px solid #d9f1ec55;padding-bottom:4px}.nav-link:hover{color:var(--aqua)}.icon-button{width:34px;height:34px;border:1px solid #eaf9ed4d;border-radius:50%;background:#0913228c;color:#effff7;font-size:16px}.intro{left:clamp(25px,5.1vw,86px);top:24%;width:clamp(300px,30vw,470px);pointer-events:none;transform:translateY(-5%);transition:opacity .65s ease,transform .65s ease}.intro.hidden{opacity:0;transform:translateX(-30px);visibility:hidden}.intro>*{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.235em;color:#a2fce6}.live-dot{width:5px;height:5px;border-radius:50%;background:#95ffe3;box-shadow:0 0 0 5px #95ffe325}.intro h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.02;letter-spacing:-.06em;font-size:clamp(47px,4.85vw,79px);margin:22px 0 21px;text-shadow:0 3px 28px #05091f99}.intro h1 em{font-weight:400;color:#b4ffe4}.intro p{max-width:350px;color:#c9d5d7;font-size:14px;line-height:1.9;margin:0 0 28px}.intro-actions{display:flex;align-items:center;gap:20px}.primary-button{border:1px solid #b2fce5;background:linear-gradient(125deg,#bcffed,#9ee9d9);color:#12302e;font-size:10px;letter-spacing:.11em;font-weight:850;padding:16px 21px;white-space:nowrap;border-radius:2px;box-shadow:0 10px 30px #91ffe422}.primary-button span{margin-left:10px;font-size:15px}.primary-button:hover{background:#e1fff4}.subtle-tip{font-size:9px;letter-spacing:.08em;color:#c2c8cf90;line-height:1.5}.insight-card{left:clamp(24px,3vw,54px);bottom:66px;width:315px;padding:23px 24px 17px;background:linear-gradient(140deg,rgba(11,19,37,.81),rgba(13,23,38,.53));backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(213,252,245,.16);box-shadow:0 12px 65px #02071566;transition:opacity .4s, transform .4s}.insight-card.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.card-topline{display:flex;justify-content:space-between;align-items:center;color:#9bebd5;font-size:9px;font-weight:750;letter-spacing:.135em}.diamond-icon{font-size:21px}.insight-card h2{font-family:Georgia,'Times New Roman',serif;font-size:30px;line-height:1.15;font-weight:400;margin:13px 0 2px;letter-spacing:-.015em}.latin{font-family:Georgia,serif;font-style:italic;color:#adb8c9;font-size:12px;margin:0 0 17px}.insight-card>p:not(.latin){font-size:12px;color:#c5d3d4;line-height:1.7;margin:0 0 16px}.fact-row{padding-top:13px;border-top:1px solid #c9f4ea26}.fact-row span{display:block;font-size:8px;letter-spacing:.16em;color:#90bdb7;margin-bottom:6px;font-weight:800}.fact-row strong{color:#e0eee8;font-size:11px;font-weight:500;line-height:1.5}.card-actions{display:flex;gap:5px;align-items:center;margin-top:15px}.quiet-button{height:34px;padding:0 13px;border:1px solid #aac9cb33;background:#bfe2dd0c;color:#d4e6e0;border-radius:2px;font-size:13px}.quiet-button:hover{border-color:#bff8ddaa}.quiet-button.text-button{flex:1;font-size:9px;font-weight:800;letter-spacing:.08em}.controls-panel{right:clamp(24px,3vw,54px);bottom:66px;width:313px;background:linear-gradient(150deg,rgba(7,15,28,.88),rgba(15,27,42,.7));border:1px solid #c9eee43b;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 20px 70px #02071666}.controls-panel summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:18px 19px;color:#f1f9f5;font-size:10px;letter-spacing:.105em;font-weight:800;cursor:pointer}.controls-panel summary::-webkit-details-marker{display:none}.panel-symbol{color:#a8f7dd;font-size:18px;vertical-align:middle;margin-right:7px}.summary-hint{font-size:8px;letter-spacing:.04em;color:#94abae;font-weight:650}.summary-arrow{font-size:16px;display:inline-block;transition:transform .2s}.controls-panel[open] .summary-arrow{transform:rotate(180deg)}.controls-content{padding:0 20px 16px}.panel-caption{color:#95aab7;font-size:9px;letter-spacing:.09em;line-height:1.6;margin:0 0 17px}.control-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#cbd9dc;margin:12px 0 9px}.control-row>span{display:flex;gap:11px;align-items:center}.slider-icon{font-size:16px;display:inline-block;min-width:15px}.coral{color:#ffb4c5}.mint{color:#a0f6e5}.gold{color:#ffdf9e}.lavender{color:#c7b1ff}.aqua{color:#90cde9}output{font-size:10px;color:#ddf6ec;font-variant-numeric:tabular-nums}input[type=range]{width:100%;display:block;appearance:none;-webkit-appearance:none;height:3px;border:0;border-radius:20px;background:linear-gradient(90deg,#9cebd6 0%,#9cebd6 var(--fill,70%),#9eb0b143 var(--fill,70%));outline:0;margin:0 0 4px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#d2fff0;border:2px solid #314d54;border-radius:50%;box-shadow:0 0 0 4px #9cebd61a}input[type=range]::-moz-range-thumb{width:11px;height:11px;background:#d2fff0;border:2px solid #314d54;border-radius:50%}.pulse-button{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;margin-top:19px;background:#aaf6e414;border:1px solid #a5fce179;color:#d7fff0;padding:13px 12px;font-size:9px;letter-spacing:.068em;font-weight:800;transition:background .3s}.pulse-button:hover{background:#aaf6e43d}.pulse-button.burst{background:#baffeb5c}.pulse-icon{font-size:15px}.lab-footer{display:flex;align-items:center;justify-content:space-between;margin:16px 0 0;font-size:8px;letter-spacing:.09em;color:#90adae}.lab-footer button{background:none;border:none;color:#acd9cd;font-size:9px;letter-spacing:.05em}.lab-footer button:hover{color:white}.stage-footer{left:clamp(24px,3vw,54px);right:clamp(24px,3vw,54px);bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c7d2d0b3;font-weight:700;font-size:9px;letter-spacing:.12em;pointer-events:none}.stage-footer>*{pointer-events:auto}.sparkle{color:#9ff4df}.divider-text{color:#93b5b4;opacity:.6;margin:0 10px}.performance{display:flex;align-items:center;gap:7px}.status-led{width:5px;height:5px;background:#b7fbd0;border-radius:50%;box-shadow:0 0 7px #83eec9}.ambient-button{border:0;background:none;font-size:10px;letter-spacing:.1em;color:#b0c6c5;cursor:pointer}.ambient-button:hover{color:#eafff3}.marker-layer{inset:0;pointer-events:none;overflow:hidden}.marker{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #baffecb0;border-radius:50%;background:rgba(13,24,31,.38);box-shadow:0 0 25px #83edd755;pointer-events:auto;color:#dafff0;font-size:14px;cursor:pointer;animation:markerpulse 3s ease-in-out infinite}.marker:after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px solid #b9ffdf2f}.marker.selected{background:#a7ffe14a;box-shadow:0 0 23px #91ffe3c0}.marker:hover{transform:translate(-50%,-50%) scale(1.25)}@keyframes markerpulse{50%{box-shadow:0 0 32px #91ffee99}}.tooltip{position:absolute;z-index:6;left:0;top:0;pointer-events:none;padding:7px 11px;background:#051421e8;border:1px solid #b7edd57f;color:#e4fff5;font-size:11px;letter-spacing:.03em;opacity:0;transition:opacity .15s;white-space:nowrap}.tooltip.visible{opacity:1}.modal-backdrop{position:absolute;inset:0;background:rgba(3,8,16,.78);z-index:9;display:grid;place-items:center;padding:20px;backdrop-filter:blur(12px)}[hidden]{display:none!important}.help-modal{position:relative;background:linear-gradient(140deg,#142335,#10182a);border:1px solid #b6e5d757;width:min(540px,100%);padding:38px 40px;box-shadow:0 20px 100px #050a16}.help-modal h2{font-family:Georgia,serif;font-size:38px;font-weight:400;letter-spacing:-.04em;margin:17px 0}.help-modal p{font-size:14px;color:#c4d6d7;line-height:1.8}.close-modal{position:absolute;right:18px;top:16px;border:0;background:none;color:#d6eee4;font-size:24px}.guide-keys{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#adcecb;margin:25px 0;font-size:10px}kbd{border:1px solid #98aeb247;padding:7px;font-size:9px;color:#e3f8f0}@media(max-width:1200px){.intro{top:19%;width:280px}.intro h1{font-size:51px}.intro p{font-size:12px}.insight-card{width:276px}.controls-panel{width:286px}}@media(max-width:780px){.exhibit{min-height:500px}.topbar{padding:20px 18px}.brandmark b{font-size:12px}.brandmark small{font-size:7px}.brand-icon{font-size:26px}.topnav{gap:12px}.edition{display:none}.nav-link{font-size:9px}.intro{left:20px;right:20px;top:18%;width:calc(100% - 40px);max-width:380px}.intro h1{font-size:clamp(42px,9vw,61px)}.intro p{font-size:12px;max-width:290px}.subtle-tip{display:none}.insight-card{left:12px;bottom:auto;top:77px;width:min(290px,calc(100vw - 24px));padding:12px 15px 10px;max-height:38vh;overflow:auto}.insight-card h2{font-size:23px;margin:8px 0 0}.insight-card p:not(.latin){font-size:10px;margin:0 0 7px;line-height:1.5}.latin{margin-bottom:7px}.fact-row{padding-top:7px}.fact-row span{margin-bottom:3px}.fact-row strong{font-size:10px}.card-actions{margin-top:9px}.quiet-button{height:30px}.controls-panel{left:12px;right:12px;bottom:45px;width:auto}.controls-panel summary{padding:13px 16px}.controls-content{padding:0 16px 12px;max-height:41vh;overflow:auto}.panel-caption{margin-bottom:8px;font-size:8px}.control-row{margin:9px 0 6px}.pulse-button{margin-top:12px;padding:10px}.lab-footer{margin-top:10px}.stage-footer{left:16px;right:16px;bottom:12px;font-size:8px}.performance{display:none}.ambient-button{font-size:9px}.help-modal{padding:24px}.help-modal h2{font-size:31px}.help-modal p{font-size:12px}.marker{width:25px;height:25px}}@media(max-width:420px){.brandmark small{letter-spacing:.08em}.topnav{gap:8px}.intro{top:17%}.intro h1{font-size:45px}.intro p{max-width:260px}.insight-card{max-height:31vh}.insight-card .fact-row{display:none}}@media(prefers-reduced-motion:reduce){.marker{animation:none}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}