:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#dce7e9;background:#080d12;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}#scene-container,#scene-container canvas,.label-layer{position:absolute;inset:0;width:100%;height:100%}.label-layer{z-index:2}.brand{position:absolute;z-index:4;top:22px;left:24px;display:flex;gap:11px;align-items:center;pointer-events:none}.brand-mark{width:28px;height:28px;border:1px solid #92bec6;border-radius:50%;box-shadow:inset 0 6px 0 -5px #92bec6;opacity:.85}.brand p,.brand h1{margin:0}.brand p{color:#6f8b91;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.brand h1{margin-top:2px;font-size:15px;font-weight:560;letter-spacing:.02em}.controls,.info-panel{position:absolute;z-index:5;border:1px solid rgba(156,191,198,.17);background:#0b1319e0;box-shadow:0 16px 45px #00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.controls{top:78px;left:24px;width:226px;border-radius:8px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 10px 0 13px;border-bottom:1px solid rgba(156,191,198,.12);color:#a7b9bd;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.icon-button{width:26px;height:26px;padding:0;border:0;border-radius:4px;color:#82969b;background:transparent;cursor:pointer}#control-body{padding:0 13px 12px}.controls section{padding:12px 0 2px}.controls section+section{border-top:1px solid rgba(156,191,198,.1);margin-top:10px}.section-label,.eyebrow{margin:0 0 9px;color:#62818a;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.preset-grid button,.wide-button{border:1px solid rgba(142,177,184,.18);border-radius:4px;background:#59777e14;color:#98acb0;font-size:10px;cursor:pointer}.preset-grid button{padding:7px 3px}.preset-grid button.active{color:#e2eeee;border-color:#7db4c173;background:#467f8c33}.wide-button{width:100%;margin-top:5px;padding:7px}button:hover{border-color:#a0cad375;color:#effafa}.toggle-row,.range-row{display:flex;align-items:center;justify-content:space-between;color:#b2c1c4;font-size:11px}.toggle-row{min-height:27px;cursor:pointer}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.switch{position:relative;width:26px;height:14px;border-radius:10px;background:#28363b;transition:background .18s ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:#74858a;transition:transform .18s ease,background .18s ease}.toggle-row input:checked+.switch{background:#326476}.toggle-row input:checked+.switch:after{transform:translate(12px);background:#d6e9ec}.range-row{margin-top:9px;color:#8fa2a6}.range-row output{color:#c9d8da;font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:14px;margin:2px 0 1px;accent-color:#72aabb;cursor:pointer}.info-panel{right:24px;bottom:22px;left:274px;min-height:112px;display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,.75fr) auto;align-items:center;gap:30px;padding:18px 20px;border-radius:8px}.info-copy h2{margin:0 0 7px;color:#ecf3f2;font-family:Georgia,serif;font-size:20px;font-weight:400}.info-copy p:last-child,.notice{margin:0;color:#91a4a8;font-size:11px;line-height:1.55}.notice{padding-left:20px;border-left:1px solid rgba(156,191,198,.16);color:#71868b}.clear-selection{padding:8px 10px;border:1px solid rgba(156,191,198,.2);border-radius:4px;background:transparent;color:#9bb0b4;font-size:10px;cursor:pointer;white-space:nowrap}kbd{margin-left:5px;padding:1px 4px;border:1px solid #38474b;border-radius:3px;color:#71858a;font-size:9px}.interaction-hint{position:absolute;z-index:3;right:27px;top:26px;color:#abc6cc80;font-size:10px;letter-spacing:.03em;pointer-events:none}.world-label{padding:4px 7px;border:1px solid rgba(180,211,216,.24);border-radius:3px;background:#080e13b8;color:#e3eeef;font-size:10px;letter-spacing:.03em;white-space:nowrap;pointer-events:auto;cursor:pointer;transform:translateY(-5px)}.world-label:before{content:"";position:absolute;top:100%;left:50%;height:8px;border-left:1px solid rgba(180,211,216,.27)}.world-label.muted{color:#a9bdc1}.celestial-label{border-color:#e8c78042}@media(max-width:760px){.brand{top:14px;left:14px}.interaction-hint{display:none}.controls{top:59px;left:12px;width:208px;max-height:calc(100vh - 190px);overflow-y:auto}.info-panel{right:12px;bottom:12px;left:12px;min-height:auto;grid-template-columns:1fr auto;gap:10px;padding:13px 14px}.info-copy{grid-column:1 / -1}.info-copy h2{margin-bottom:4px;font-size:17px}.info-copy p:last-child,.notice{font-size:10px;line-height:1.4}.notice{padding:0;border:0}}@media(max-width:430px){.controls{width:196px}.notice{display:none}.info-panel{display:block}.clear-selection{margin-top:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}