:root{--bg:#030407;--panel-bg:#0a0e189e;--panel-border:#8caadc29;--text-primary:#eaf1ff;--text-dim:#8ea2c4;--accent-radio:#7dffb8;--accent-gamma:#ff5fdb;--accent-warn:#ffb066;--accent-switch:#b18fff;--font-display:"Space Grotesk", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;font-family:var(--font-display);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#scene{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui-root{pointer-events:none;grid-template-rows:auto 1fr auto;grid-template-columns:250px 1fr 250px;gap:12px;padding:18px;display:grid;position:absolute;inset:0}.panel{pointer-events:auto;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px)saturate(140%);cursor:grab;touch-action:none;border-radius:14px;padding:14px 16px;position:relative;box-shadow:0 8px 30px #00000059}.panel:active{cursor:grabbing}.panel-close{width:20px;height:20px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:15px;line-height:1;position:absolute;top:6px;right:8px}.panel-close:hover{color:var(--text-primary)}.panel--irradiation{grid-area:1/1/2/2;align-self:start;min-width:200px}.panel--filter{grid-area:1/2/2/3;place-self:start center;min-width:260px}.panel--about{cursor:default;grid-area:2/2/3/3;place-self:center;max-width:320px}.about-body{color:var(--text-dim);touch-action:pan-y;max-height:min(60vh,480px);padding-right:4px;font-size:12.5px;line-height:1.5;overflow-y:auto}.about-body p{margin:0 0 8px}.about-body ul{margin:0 0 10px;padding-left:18px}.about-body a{color:var(--accent-radio)}.about-disclaimer{color:var(--accent-warn);font-style:italic}.subtitle{color:var(--accent-warn);font-size:12.5px;font-family:var(--font-mono);min-height:16px;margin-top:4px}.system-line{color:var(--text-dim);font-size:11px;font-family:var(--font-mono);margin-top:8px;line-height:1.5}.panel--readout{font-family:var(--font-mono);grid-area:1/3/2/4;min-width:220px;margin-top:44px}.readout-row{color:var(--text-dim);justify-content:space-between;gap:16px;padding:3px 0;font-size:12px;display:flex}.readout-row b{color:var(--text-primary);font-weight:500}.readout-divider{background:var(--panel-border);height:1px;margin:8px 0}.readout-row--bar{align-items:center}.lumbar{flex:none;width:112px;height:14px;position:relative}.lumbar-track{background:#ffffff1a;border-radius:2px;height:3px;margin-top:-1.5px;position:absolute;top:50%;left:0;right:0}.lumbar-tick{background:var(--tick-color);opacity:.35;border-radius:1px;width:2px;height:8px;margin-left:-1px;position:absolute;top:3px}.lumbar-tick.active{opacity:1;width:3px;height:12px;box-shadow:0 0 6px var(--tick-color);margin-left:-1.5px;top:1px}.panel-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;font-size:10.5px}.panel--views{grid-area:2/3/3/4;align-self:start;min-width:220px}.panel--plots{grid-area:2/1/3/2;align-self:start;min-width:220px}.plot-block{margin-top:10px}.plot-block:first-of-type{margin-top:0}.plot-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:10.5px;font-family:var(--font-mono);margin-bottom:4px}.plot-canvas{background:#ffffff0a;border-radius:6px;width:100%;height:44px;display:block}.plot-stack{align-items:stretch;gap:6px;display:flex}.plot-columns{flex:1;min-width:0}.plot-yaxis-label{writing-mode:vertical-rl;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:9px;font-family:var(--font-mono);flex:none;justify-content:center;align-items:center;display:flex;transform:rotate(180deg)}.plot-xaxis-label{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:9px;font-family:var(--font-mono);margin-top:6px}.lightcurve-note{color:var(--text-dim);margin-top:10px;font-size:10.5px;font-style:italic;line-height:1.4}.panel--lightcurves{grid-area:3/1/4/2;align-self:end;min-width:220px}.panel--toggles{grid-area:3/3/4/4;align-self:end;min-width:220px}.button-row{flex-wrap:wrap;gap:6px;display:flex}.btn{appearance:none;border:1px solid var(--panel-border);color:var(--text-primary);font-family:var(--font-display);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:7px 10px;font-size:11.5px;transition:background .15s,border-color .15s}.btn:hover{background:#ffffff17}.btn.active{color:var(--accent-radio);background:#7dffb829;border-color:#7dffb880}.btn--wide{text-align:center;width:100%;margin-top:8px;display:block}.btn--icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:16px;display:flex}.toggle-row{cursor:pointer;color:var(--text-dim);align-items:center;gap:8px;padding:5px 0;font-size:12.5px;display:flex}.toggle-row input{accent-color:var(--accent-radio);width:14px;height:14px}.panel--transport{grid-area:3/1/4/4;place-self:end center;align-items:center;gap:18px;width:min(1020px,100%);display:flex}.slider-block{flex-direction:column;gap:6px;display:flex}.slider-block--main{flex:1}.slider-block--compact{width:135px}.slider-label{color:var(--text-dim);font-size:11px;font-family:var(--font-mono);justify-content:space-between;display:flex}.slider-label--main span{white-space:nowrap}.slider-label--main span:first-child{color:var(--accent-radio)}.slider-label--main span:nth-child(2){color:var(--accent-warn)}.slider-label--main span:nth-child(3){color:var(--accent-gamma)}.slider-label--main span:nth-child(4){color:var(--accent-switch)}.slider-label b{color:var(--text-primary)}input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg, var(--accent-radio), var(--accent-gamma));border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:2px solid #0006;border-radius:50%;width:16px;height:16px;margin-top:0}input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #0006;border-radius:50%;width:16px;height:16px}.main-slider{background:linear-gradient(90deg, var(--accent-radio), var(--accent-warn), var(--accent-gamma), var(--accent-switch));height:6px}.burger-btn{z-index:20;pointer-events:auto;border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(14px)saturate(140%);width:38px;height:38px;color:var(--text-primary);cursor:pointer;border-radius:10px;font-size:17px;line-height:1;position:fixed;top:14px;right:18px}.burger-btn:hover{background:#ffffff17}.burger-menu{z-index:20;pointer-events:auto;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px)saturate(140%);border-radius:12px;flex-direction:column;gap:6px;min-width:180px;padding:10px 14px;display:none;position:fixed;top:58px;right:18px;box-shadow:0 8px 30px #00000059}.burger-menu.open{display:flex}.burger-menu-row{color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;font-size:12.5px;display:flex}.burger-menu-row input{accent-color:var(--accent-radio);width:14px;height:14px}@media (width<=860px){#ui-root{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;padding:12px;overflow-y:auto}.panel--irradiation,.panel--readout,.panel--views,.panel--toggles,.panel--filter,.panel--plots,.panel--lightcurves,.panel--about,.panel--transport{grid-column:1/2}.panel--about{justify-self:stretch;max-width:none}.panel--transport{flex-wrap:wrap;order:4;width:100%}.slider-block--compact{width:100%}.lumbar{width:96px}}@media (width<=520px){.burger-btn{width:34px;height:34px;font-size:15px;top:10px;right:10px}.burger-menu{top:50px;right:10px}#ui-root{gap:8px;padding:8px}.panel{padding:12px;min-width:0!important}.lumbar{width:84px}.slider-label--main span{font-size:9.5px}}