.orbital-cosmos{--bg:#05060a;--glass:#0d111c70;--glass-border:#ffffff1a;--glass-highlight:#ffffff2e;--well:#04070d6b;--text:#f2f4f8;--muted:#f2f4f899;--faint:#f2f4f866;--accent:#7eb8ff;--accent-soft:#7eb8ff29;--accent-strong:#a8d0ff;--accent-ink:#08111f;--radius:14px;--radius-sm:8px;--font:system-ui, -apple-system, sans-serif;--mono:ui-monospace, monospace;--blur:22px;--ease-out:cubic-bezier(.23, 1, .32, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);width:100%;height:100%;font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;box-sizing:border-box;font-size:12px;position:relative;overflow:hidden;container:orbital/size}.orbital-cosmos *,.orbital-cosmos :before,.orbital-cosmos :after{box-sizing:border-box;margin:0;padding:0}.orbital-cosmos #app{width:100%;height:100%;position:relative}.orbital-cosmos #c{touch-action:none;width:100%;height:100%;display:block}.orbital-cosmos .mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.orbital-cosmos .pill,.orbital-cosmos .hud-panel,.orbital-cosmos .control-card{background:radial-gradient(130% 90% at 16% 0%, #ffffff1f, #fff0 55%), linear-gradient(180deg, #ffffff0d, #fff0 45%), linear-gradient(180deg, #94a6c41a, #94a6c40a), var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.7) brightness(1.1);backdrop-filter:blur(var(--blur)) saturate(1.7) brightness(1.1);border:1px solid #ffffff12;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px 1px #ffffff08,0 12px 36px #00000073,0 2px 8px #0000004d}.orbital-cosmos .pill,.orbital-cosmos .control-card{position:relative}.orbital-cosmos .pill:after,.orbital-cosmos .control-card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(155deg,#ffffff73 0%,#ffffff1a 28%,#ffffff05 55%,#fff3 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.orbital-cosmos .btn:focus-visible,.orbital-cosmos .chip:focus-visible,.orbital-cosmos .body-btn:focus-visible,.orbital-cosmos .toggle input:focus-visible,.orbital-cosmos input[type=range]:focus-visible{outline:1.5px solid var(--accent);outline-offset:1.5px}.orbital-cosmos .hud-top{pointer-events:none;z-index:10;background:linear-gradient(#05060a8c 0%,#0000 100%);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .6rem;display:flex;position:absolute;inset:0 0 auto}.orbital-cosmos .brand{pointer-events:auto;align-items:center;gap:.4rem;display:flex}.orbital-cosmos .brand-mark{background:radial-gradient(circle at 35% 30%,#fff7d6 0%,#ffb347 28%,#ff6b1a 55%,#4a0e00 100%);border-radius:50%;flex-shrink:0;width:18px;height:18px;box-shadow:0 0 10px #ffa02880,inset 0 0 4px #ffffff4d}.orbital-cosmos .brand-text h1{letter-spacing:-.02em;text-shadow:0 1px 6px #0009;font-size:.74rem;font-weight:600;line-height:1.1}.orbital-cosmos .brand-text p{display:none}.orbital-cosmos .hud-pills{pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;gap:.3rem;display:flex}.orbital-cosmos .pill{border-radius:999px;flex-direction:row;align-items:baseline;gap:.35rem;min-width:0;padding:.2rem .55rem;display:flex}.orbital-cosmos .pill-label{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-size:.5rem}.orbital-cosmos .pill-value{color:var(--accent-strong);font-size:.62rem;font-weight:500}.orbital-cosmos .hud-panel{border-radius:var(--radius);z-index:10;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;width:min(176px,100% - 1.1rem);max-height:calc(100% - 9.5rem);padding:.5rem .45rem .9rem;position:absolute;top:2.2rem;left:.55rem;overflow:auto;-webkit-mask-image:linear-gradient(#000,#000 calc(100% - 14px),#0000);mask-image:linear-gradient(#000,#000 calc(100% - 14px),#0000)}.orbital-cosmos .hud-panel::-webkit-scrollbar{width:4px}.orbital-cosmos .hud-panel::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.orbital-cosmos .panel-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:.48rem}.orbital-cosmos .panel-head h2{letter-spacing:-.02em;margin-top:.08rem;font-size:.8rem;font-weight:600;line-height:1.15}.orbital-cosmos .stat-grid{gap:.22rem;margin:.35rem 0;display:grid}.orbital-cosmos .stat-grid>div{grid-template-columns:2.6rem 1fr;gap:.2rem;font-size:.58rem;line-height:1.25;display:grid}.orbital-cosmos .stat-grid dt{color:var(--faint)}.orbital-cosmos .stat-grid dd{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.orbital-cosmos .body-list{border-top:1px solid #ffffff12;flex-direction:column;gap:.08rem;margin-top:.1rem;padding-top:.3rem;display:flex}.orbital-cosmos .body-btn{border-radius:var(--radius-sm);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background .15s var(--ease-out), border-color .15s var(--ease-out), box-shadow .15s var(--ease-out), transform .12s var(--ease-out);background:0 0;border:1px solid #0000;align-items:center;gap:.35rem;padding:.22rem .32rem;font-size:.63rem;display:flex}.orbital-cosmos .body-btn:hover{background:#ffffff0f}.orbital-cosmos .body-btn:active{transform:scale(.98)}.orbital-cosmos .body-btn.active{background:linear-gradient(#97c7ff42,#7eb8ff1f);border-color:#97c7ff52;box-shadow:inset 0 1px #ffffff29,0 1px 6px #00000040}.orbital-cosmos .body-swatch{border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 1.5px #ffffff1f,0 0 6px}.orbital-cosmos .body-btn .meta{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--faint);margin-left:auto;font-size:.5rem}.orbital-cosmos .hud-bottom{pointer-events:none;z-index:10;background:linear-gradient(#0000 0%,#05060aa6 100%);flex-direction:column;align-items:center;gap:.25rem;padding:0 .5rem .5rem;display:flex;position:absolute;inset:auto 0 0}.orbital-cosmos .control-card{pointer-events:auto;border-radius:18px;flex-direction:column;gap:.35rem;width:min(460px,100%);padding:.45rem .55rem .5rem;display:flex}.orbital-cosmos .transport{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.orbital-cosmos .btn{appearance:none;color:var(--text);cursor:pointer;font:inherit;transition:background .15s var(--ease-out), border-color .15s var(--ease-out), box-shadow .15s var(--ease-out), transform .12s var(--ease-out);background:linear-gradient(#ffffff1f,#ffffff0d);border:1px solid #ffffff17;border-radius:999px;box-shadow:inset 0 1px #ffffff29,inset 0 -1px 1px #0000002e,0 1px 3px #00000040}.orbital-cosmos .btn:hover{border-color:var(--glass-highlight);background:linear-gradient(#ffffff2e,#ffffff14)}.orbital-cosmos .btn:active{transform:scale(.94)}.orbital-cosmos .btn.icon{flex-shrink:0;place-items:center;width:27px;height:27px;padding:0;display:grid}.orbital-cosmos .btn.icon svg{width:13px;height:13px}.orbital-cosmos .btn.primary{width:28px;height:28px;color:var(--accent-ink);background:linear-gradient(#c6dfff 0%,#8ec0ff 55%,#6faefe 100%);border-color:#0000;box-shadow:inset 0 1px #ffffffa6,inset 0 -1px 2px #18468066,0 3px 12px #7eb8ff73}.orbital-cosmos .btn.primary:hover{background:linear-gradient(#d6e8ff 0%,#9ecaff 55%,#7fb7ff 100%);border-color:#0000}.orbital-cosmos .hidden{display:none!important}.orbital-cosmos .presets{background:var(--well);border:1px solid #ffffff0d;border-radius:999px;gap:2px;margin-left:auto;padding:2px;display:flex;box-shadow:inset 0 1px 2px #00000059,inset 0 -.5px #ffffff0f}.orbital-cosmos .chip{appearance:none;color:var(--muted);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;transition:background .15s var(--ease-out), color .15s var(--ease-out), box-shadow .15s var(--ease-out), transform .12s var(--ease-out);background:0 0;border:none;border-radius:999px;padding:.16rem .42rem;font-size:.56rem;font-weight:500}.orbital-cosmos .chip:hover{color:var(--text);background:#ffffff12}.orbital-cosmos .chip:active{transform:scale(.95)}.orbital-cosmos .chip.active{color:var(--accent-ink);background:linear-gradient(#d3e6ff 0%,#a8d0ff 100%);font-weight:600;box-shadow:inset 0 1px #fff9,0 1px 4px #00000059,0 0 10px #7eb8ff4d}.orbital-cosmos .slider-block{flex-direction:column;gap:.18rem;display:flex}.orbital-cosmos .slider-meta{justify-content:space-between;align-items:baseline;font-size:.55rem;display:flex}.orbital-cosmos .slider-meta label{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:.5rem}.orbital-cosmos .slider-meta .mono{color:var(--accent-strong);text-overflow:ellipsis;white-space:nowrap;text-align:right;max-width:60%;font-size:.56rem;font-weight:500;overflow:hidden}.orbital-cosmos input[type=range]{appearance:none;background:linear-gradient(90deg, #7eb8ffb3, var(--accent-strong)) 0 0 / var(--fill,45%) 100% no-repeat, var(--well);cursor:pointer;border-radius:999px;outline:none;width:100%;height:5px;box-shadow:inset 0 1px 2px #00000073,inset 0 -.5px #ffffff12}.orbital-cosmos input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;width:13px;height:13px;transition:transform .12s var(--ease-out);background:radial-gradient(circle at 35% 28%,#fff 0%,#e8f1ff 55%,#bcd7ff 100%);border:none;border-radius:50%;box-shadow:0 1px 4px #00000073,0 0 10px #7eb8ff73,inset 0 -1px 2px #5a82be73}.orbital-cosmos input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}.orbital-cosmos input[type=range]::-webkit-slider-thumb:active{cursor:grabbing}.orbital-cosmos input[type=range]::-moz-range-thumb{cursor:grab;background:radial-gradient(circle at 35% 28%,#fff 0%,#e8f1ff 55%,#bcd7ff 100%);border:none;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 4px #00000073,0 0 10px #7eb8ff73,inset 0 -1px 2px #5a82be73}.orbital-cosmos .slider-ticks{display:none}.orbital-cosmos .toggles{flex-wrap:wrap;gap:.2rem .65rem;display:flex}.orbital-cosmos .toggle{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s var(--ease-out);align-items:center;gap:.3rem;font-size:.56rem;display:inline-flex}.orbital-cosmos .toggle:hover{color:var(--text)}.orbital-cosmos .toggle input{appearance:none;background:var(--well);cursor:pointer;width:20px;height:12px;transition:background .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .18s var(--ease-out);border:1px solid #ffffff17;border-radius:999px;flex-shrink:0;position:relative;box-shadow:inset 0 1px 2px #0006}.orbital-cosmos .toggle input:after{content:"";width:8px;height:8px;transition:transform .18s var(--ease-out), background .18s var(--ease-out);background:radial-gradient(circle at 35% 30%,#fff,#d9dee8 80%);border-radius:50%;position:absolute;top:1px;left:1px;box-shadow:0 1px 2px #00000073,inset 0 -1px 1px #0000001a}.orbital-cosmos .toggle input:checked{background:linear-gradient(#9ac6ff,#6faefe);border-color:#0000;box-shadow:inset 0 1px #fff6,0 0 8px #7eb8ff59}.orbital-cosmos .toggle input:checked:after{background:radial-gradient(circle at 35% 30%,#fff,#eef4ff 80%);transform:translate(8px)}.orbital-cosmos .hint{display:none}.orbital-cosmos .label-overlay{pointer-events:none;letter-spacing:.12em;text-transform:uppercase;color:#ffffffa8;text-shadow:0 1px 8px #000000e6;white-space:nowrap;opacity:0;z-index:5;font-size:.5rem;font-weight:600;transition:opacity .2s;position:absolute;top:0;left:0;transform:translate(-50%,-120%)}.orbital-cosmos .label-overlay.visible{opacity:1}.orbital-cosmos #speed-label{max-width:12rem}@container orbital (max-width:520px){.orbital-cosmos .hud-panel{display:none}.orbital-cosmos .control-card{width:100%;padding:.35rem .45rem .4rem}.orbital-cosmos .brand-text{display:none}}@container orbital (max-height:360px){.orbital-cosmos .hud-panel{max-height:calc(100% - 8.25rem)}.orbital-cosmos .stat-grid,.orbital-cosmos .toggles{display:none}}@container orbital (max-height:280px){.orbital-cosmos .hud-panel,.orbital-cosmos .slider-block,.orbital-cosmos .toggles,.orbital-cosmos .hud-pills{display:none}.orbital-cosmos .control-card{border-radius:999px;width:auto;padding:.25rem}.orbital-cosmos .presets{margin-left:.1rem}}