:root{color:#e8eaf6;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#080a13;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:#080a13;overflow:hidden}.app-shell{isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.scene-pane{z-index:1;min-width:0;position:absolute;inset:0 0 0 340px;overflow:hidden}.particle-canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}.sidebar{z-index:1000;background:linear-gradient(#111527 0%,#0b1020 100%);border-right:1px solid #1f2333;width:340px;padding:1.1rem 1rem 1.25rem;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar h1{margin:0 0 .6rem;font-size:1.35rem;font-weight:700}.sidebar h2{letter-spacing:.04em;text-transform:uppercase;color:#b4bbd6;margin:0 0 .6rem;font-size:.88rem}.sidebar-copy{color:#9ea6c8;margin:0 0 .9rem;font-size:.9rem;line-height:1.4}.panel{background:#13192ca8;border:1px solid #212943;border-radius:12px;margin-bottom:.72rem;padding:.75rem}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem;display:grid}.preset-button,.reset-button{color:#d9def2;text-transform:capitalize;cursor:pointer;background:#1d2640;border:1px solid #364164;border-radius:10px;padding:.45rem .5rem;font-weight:600}.preset-button:hover,.reset-button:hover{background:#273359}.preset-button.is-active{background:#2a4074;border-color:#79a2ff}.control-group{margin-bottom:.56rem;display:block}.control-title{color:#d0d7f3;margin-bottom:.2rem;font-size:.82rem;display:block}.slider-row{align-items:center;gap:.5rem;display:flex}.slider-row input[type=range]{width:100%}.mode-select{color:#d9def2;background:#1d2640;border:1px solid #364164;border-radius:9px;width:100%;padding:.35rem .45rem}.control-value{text-align:right;color:#9aa6cb;min-width:64px;font-size:.75rem}.toggle-row{color:#cdd6f5;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.88rem;display:flex}.mode-hint{color:#b7c2e7;margin:0;font-size:.8rem;line-height:1.35}.panel--status{margin-bottom:0}.status-badge{text-transform:capitalize;color:#9ec5ff;margin:0;font-size:.83rem}.status-error{color:#ff9ca5;margin:.38rem 0 0;font-size:.76rem;line-height:1.35}.tracking-pip{opacity:0;pointer-events:none;z-index:3;background:#0d1222f5;border:1px solid #2f3c66;border-radius:10px;width:250px;transition:opacity .15s,transform .15s;position:absolute;bottom:1rem;right:1rem;overflow:hidden;transform:translateY(10px)}.tracking-pip--visible{opacity:.92;transform:translateY(0)}.tracking-video{aspect-ratio:16/10;object-fit:cover;background:#0d1222;width:100%;display:block}.tracking-overlay{position:absolute;inset:0 0 1.45rem}.tracking-dot{background:#f2ff74e6;border:1px solid #f4ff9f;border-radius:999px;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #f2ff7433}.tracking-status-pill{color:#d2e2ff;text-transform:capitalize;background:#0a1227d9;border:1px solid #2f3c66;border-radius:999px;padding:.1rem .45rem;font-size:.68rem;position:absolute;bottom:.28rem;left:.4rem}.scene-fallback{text-align:center;color:#e8efff;background:radial-gradient(circle,#172342 0%,#0b1020 65%);place-content:center;gap:.5rem;display:grid;position:absolute;inset:0}.scene-fallback h2{margin:0}.scene-fallback p{color:#b8c6f2;margin:0}.ui-health-chip{color:#bcd3ff;letter-spacing:.03em;pointer-events:none;z-index:4;background:#0e1934b3;border:1px solid #2f3c66;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:600;position:absolute;top:.8rem;right:.8rem}@media (width<=980px){.app-shell{flex-direction:column;height:100%;display:flex;overflow:auto}.sidebar{border-bottom:1px solid #1f2333;border-right:0;width:100%;position:relative;top:auto;bottom:auto;left:auto}.scene-pane{min-height:56vh;position:relative;inset:auto}}