:root{--ice-white: #ffffff;--glacial-cyan: #38bdf8;--polar-navy-hi: #0284c7;--polar-navy-lo: #0c4a6e;--thermal-crimson: #f43f5e;--melt-emerald: #10b981;--frost-light: rgba(240, 249, 255, .85);--frost-dark: rgba(15, 23, 42, .82);--frost-border: rgba(255, 255, 255, .35);--frost-border-dim: rgba(255, 255, 255, .14);--font-display: "Outfit", "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-body: "Inter", "DM Sans", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--polar-navy-lo);color:var(--ice-white);font-family:var(--font-body);overflow-x:hidden;width:100%}::selection{background:var(--glacial-cyan);color:#0c1a24}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--polar-navy-hi);border-radius:8px}::-webkit-scrollbar-track{background:transparent}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,var(--polar-navy-hi) 0%,var(--polar-navy-lo) 70%,#071a29 100%);transition:opacity .8s ease,visibility .8s ease}#loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{text-align:center;width:min(320px,80vw)}.loader-mark{font-family:var(--font-mono);letter-spacing:.3em;font-size:.75rem;color:var(--glacial-cyan);margin-bottom:1rem}.loader-bar{width:100%;height:3px;background:#ffffff26;border-radius:2px;overflow:hidden;margin-bottom:1rem}.loader-bar span{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--glacial-cyan),var(--ice-white));box-shadow:0 0 12px var(--glacial-cyan);transition:width .2s ease}.loader-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;color:#fff9}#scene-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:0;background:linear-gradient(180deg,#bfe8fb,#38bdf8 45%,#0284c7 75%,#0c4a6e)}.frost-panel{background:var(--frost-dark);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--frost-border-dim);border-radius:18px;box-shadow:0 8px 40px #02142373,inset 0 1px #ffffff0f}.hud-chrome{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.75rem;pointer-events:none}.hud-brand{pointer-events:auto;display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:600;letter-spacing:.04em;font-size:.95rem}.hud-brand-mark{color:var(--glacial-cyan);font-size:1.2rem}.hud-beat-nav{pointer-events:auto;display:flex;gap:.4rem;background:var(--frost-dark);border:1px solid var(--frost-border-dim);border-radius:999px;padding:.3rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.beat-dot{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.05em;color:#ffffff8c;background:transparent;border:none;border-radius:999px;padding:.4rem .85rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:background .25s ease,color .25s ease}.beat-dot span{opacity:.6}.beat-dot:hover{color:var(--ice-white)}.beat-dot.active{background:linear-gradient(135deg,var(--polar-navy-hi),var(--glacial-cyan));color:#06202f;box-shadow:0 0 16px #38bdf88c}.hud-telemetry{pointer-events:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.9rem 1.1rem;font-family:var(--font-mono);max-width:280px}.telemetry-item{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.telemetry-item label{font-size:.55rem;letter-spacing:.15em;color:#ffffff73}.telemetry-item span{font-size:.85rem;color:var(--glacial-cyan)}@media (max-width: 860px){.hud-beat-nav{display:none}}@media (max-width: 640px){.hud-telemetry{max-width:130px;justify-content:flex-start}}#scroll-track{position:relative;z-index:10;height:600vh;width:100%;pointer-events:none}.beat{height:120vh;width:100%;display:flex;align-items:center;pointer-events:none}.beat-panel{pointer-events:auto;max-width:430px;margin:0 4vw;padding:2rem 2.1rem;opacity:0;transform:translateY(24px);will-change:opacity,transform}.panel-left{margin-right:auto}.panel-right{margin-left:auto}.panel-center{margin-left:auto;margin-right:auto}.panel-lab{position:fixed;top:6.5rem;right:4vw;max-width:480px;max-height:calc(100vh - 13rem);overflow-y:auto}.display-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:-.01em;margin:0 0 .5rem;background:linear-gradient(135deg,#ffffff 20%,var(--glacial-cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.display-subhead{font-family:var(--font-body);font-size:1rem;font-weight:500;color:#fffc;margin:0 0 1.4rem}.section-title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.5rem,3vw,2.1rem);margin:.3rem 0 1rem;color:var(--ice-white)}.beat-index{display:inline-block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;color:var(--glacial-cyan);padding:.25rem .6rem;border:1px solid rgba(56,189,248,.4);border-radius:999px;background:#38bdf814}.narrative-copy{font-family:var(--font-body);font-size:.95rem;line-height:1.6;color:#ffffffd1;margin:.8rem 0}.narrative-copy.small{font-size:.85rem}.source-tag{display:block;font-family:var(--font-mono);font-style:normal;font-size:.62rem;letter-spacing:.04em;color:#ffffff73;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--frost-border-dim)}.stat-callout{display:flex;flex-direction:column;gap:.2rem;border-left:3px solid var(--glacial-cyan);padding-left:1rem;margin:1.2rem 0}.stat-callout-value{font-family:var(--font-mono);font-size:2.4rem;font-weight:600;color:var(--ice-white);line-height:1}.stat-callout-value small{font-size:1.1rem;color:var(--glacial-cyan);margin-left:.2rem}.stat-callout-label{font-family:var(--font-body);font-size:.8rem;color:#ffffffa6}.scroll-cue{display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;color:#ffffff80;margin-top:1.6rem}.scroll-cue span{width:18px;height:30px;border:1.5px solid rgba(255,255,255,.4);border-radius:10px;position:relative}.scroll-cue span:after{content:"";position:absolute;top:5px;left:50%;width:3px;height:6px;background:var(--glacial-cyan);border-radius:2px;transform:translate(-50%);animation:scrollCueMove 1.6s ease infinite}@keyframes scrollCueMove{0%{top:5px;opacity:1}70%{top:16px;opacity:0}to{top:16px;opacity:0}}.data-metric{display:flex;align-items:baseline;gap:.6rem;margin:1rem 0;padding:.9rem 1rem;border-radius:12px;background:#ffffff0d;border:1px solid var(--frost-border-dim)}.data-metric-value{font-family:var(--font-mono);font-size:2rem;font-weight:600}.metric-crimson .data-metric-value{color:var(--thermal-crimson);text-shadow:0 0 18px rgba(244,63,94,.5)}.metric-emerald .data-metric-value{color:var(--melt-emerald);text-shadow:0 0 18px rgba(16,185,129,.5)}.data-metric-unit{font-family:var(--font-body);font-size:.75rem;color:#ffffffa6}.formula-card{display:flex;flex-direction:column;gap:.35rem;background:#0284c71f;border:1px solid rgba(56,189,248,.3);border-radius:12px;padding:.9rem 1.1rem;margin:1rem 0}.formula-tex{font-family:var(--font-mono);font-size:.95rem;color:var(--ice-white)}.formula-vals{font-family:var(--font-mono);font-size:.68rem;color:var(--glacial-cyan)}.buoyancy-readout{display:flex;align-items:center;gap:1.4rem;margin:1.2rem 0}.buoyancy-bar{width:46px;height:150px;border-radius:8px;overflow:hidden;border:1px solid var(--frost-border-dim);display:flex;flex-direction:column;background:#ffffff0d}.buoyancy-bar-exposed{background:linear-gradient(180deg,#fff,#d6f1ff)}.buoyancy-bar-submerged{background:linear-gradient(180deg,var(--polar-navy-hi),var(--polar-navy-lo))}.buoyancy-figures{display:flex;flex-direction:column;gap:1rem;font-family:var(--font-mono)}.figure-value{display:block;font-size:1.3rem;color:var(--glacial-cyan)}.buoyancy-figures label{font-size:.65rem;color:#ffffff8c;letter-spacing:.08em}.stability-readout{margin-top:1.1rem}.stability-readout label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;color:#ffffff80}.stability-bar{width:100%;height:8px;border-radius:6px;background:#ffffff14;margin-top:.4rem;overflow:hidden}.stability-bar span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--melt-emerald),var(--glacial-cyan));transition:width .3s ease,background .3s ease}.lab-control{margin:1.1rem 0}.lab-control>label{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;color:#fff9;margin-bottom:.5rem}.lab-control>label span{color:var(--glacial-cyan)}.mode-toggle{display:flex;gap:.4rem}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;font-family:var(--font-body);font-size:.78rem;font-weight:600;padding:.55rem .75rem;border-radius:10px;cursor:pointer;border:1px solid var(--frost-border-dim);background:#ffffff0a;color:#ffffffbf;transition:all .2s ease}.mode-btn:hover{border-color:var(--glacial-cyan);color:var(--ice-white)}.mode-btn.active{background:linear-gradient(135deg,var(--polar-navy-hi),var(--glacial-cyan));color:#06202f;border-color:transparent}.mode-btn[data-mode=fixation].active{background:linear-gradient(135deg,#f59e0b,var(--thermal-crimson));color:#2a0a10}.mode-hint{font-family:var(--font-body);font-size:.7rem;color:#ffffff80;margin:.5rem 0 0}.dim-slider-row{display:grid;grid-template-columns:3.6rem 1fr 3.2rem;align-items:center;gap:.6rem;margin-top:.55rem}.dim-slider-row:first-of-type{margin-top:0}.dim-slider-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.05em;color:#fff9}.dim-slider-val{font-family:var(--font-mono);font-size:.68rem;color:var(--glacial-cyan);text-align:right}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--glacial-cyan),var(--thermal-crimson));outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--ice-white);border:2px solid var(--polar-navy-hi);box-shadow:0 0 10px #38bdf8b3;cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--ice-white);border:2px solid var(--polar-navy-hi);box-shadow:0 0 10px #38bdf8b3;cursor:pointer}.lab-scale{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.58rem;color:#fff6;margin-top:.3rem}.shape-selector{display:flex;flex-wrap:wrap;gap:.4rem}.shape-btn{font-family:var(--font-body);font-size:.72rem;font-weight:500;padding:.45rem .75rem;border-radius:999px;border:1px solid var(--frost-border-dim);background:#ffffff0a;color:#ffffffbf;cursor:pointer;transition:all .2s ease}.shape-btn:hover{border-color:var(--glacial-cyan);color:var(--ice-white)}.shape-btn.active{background:linear-gradient(135deg,var(--polar-navy-hi),var(--glacial-cyan));color:#06202f;border-color:transparent;font-weight:600}#draw-canvas{width:100%;height:260px;border-radius:10px;cursor:crosshair;background:#ffffff0f;border:1px dashed rgba(56,189,248,.4);touch-action:none}.draw-tool-actions{display:flex;gap:.5rem;margin-top:.6rem}.ghost-btn,.primary-btn{font-family:var(--font-body);font-weight:600;font-size:.75rem;padding:.55rem 1rem;border-radius:10px;cursor:pointer;border:1px solid var(--frost-border-dim);transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.ghost-btn{background:#ffffff0d;color:#ffffffbf}.ghost-btn:hover{background:#ffffff1f}.primary-btn{background:linear-gradient(135deg,var(--polar-navy-hi),var(--glacial-cyan));color:#06202f;border:none}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #38bdf866}.primary-btn:active{transform:translateY(0)}.primary-btn.wide{width:100%;margin-top:1.2rem;padding:.75rem;font-size:.82rem}.lab-readout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--frost-border-dim)}.lab-readout.single{grid-template-columns:1fr;margin-top:.8rem;padding-top:.8rem}.lab-readout div{display:flex;flex-direction:column;gap:.2rem}.lab-readout label{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.08em;color:#ffffff73}.lab-readout span{font-family:var(--font-mono);font-size:.85rem;color:var(--glacial-cyan)}.wmo-badge-row{display:flex;flex-direction:column;gap:.3rem;margin-top:.9rem}.wmo-badge{display:inline-block;align-self:flex-start;font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;padding:.35rem .7rem;border-radius:999px;background:linear-gradient(135deg,#0284c759,#38bdf833);border:1px solid rgba(56,189,248,.45);color:var(--ice-white)}.source-tag.inline{margin:0;padding:0;border:none;font-size:.58rem}.lab-actions-row{margin-top:.8rem}.ghost-btn.wide{width:100%;padding:.65rem;text-align:center}.kbd-hint{margin-top:.9rem;font-family:var(--font-mono);font-size:.6rem;color:#fff6;text-align:center}kbd{display:inline-block;font-family:var(--font-mono);font-size:.6rem;padding:.05rem .35rem;border-radius:4px;margin:0 .1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}#screenshot-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#fff;opacity:0;pointer-events:none}#screenshot-flash.flash{animation:screenshotFlash .35s ease-out}@keyframes screenshotFlash{0%{opacity:.85}to{opacity:0}}#orbit-hint{position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%);z-index:40;padding:.6rem 1.1rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;color:#ffffffbf;pointer-events:none}.site-credit{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:1rem;padding:.55rem 1.4rem .55rem 1rem;background:var(--frost-dark);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--frost-border-dim);border-radius:999px;pointer-events:auto;white-space:nowrap;box-shadow:0 8px 30px #02142366}.site-credit-primary{display:flex;flex-direction:column;line-height:1.25;padding-right:1rem;border-right:1px solid var(--frost-border-dim)}.site-credit-name{font-family:var(--font-display);font-weight:700;font-size:.75rem;color:var(--ice-white);letter-spacing:.02em}.site-credit-org{font-size:.62rem;color:#ffffff8c}.site-credit-dot{margin:0 .15rem;opacity:.6}.site-credit-contact{display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.64rem}.site-credit-contact a{color:var(--glacial-cyan);text-decoration:none;transition:color .2s ease}.site-credit-contact a:hover,.site-credit-contact a:focus-visible{color:var(--ice-white);text-decoration:underline}.site-credit-sep{color:#ffffff59}@media (max-width: 760px){.site-credit{bottom:.75rem;left:.75rem;right:.75rem;transform:none;width:calc(100% - 1.5rem);flex-wrap:wrap;gap:.6rem;padding:.6rem .9rem;white-space:normal;border-radius:16px}.site-credit-primary{border-right:none;padding-right:0}.site-credit-contact{flex-wrap:wrap}}@media (max-width: 720px){.beat-panel{max-width:90vw;margin:0 5vw;padding:1.5rem}.panel-lab{max-height:60vh}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}