:root{--bg-void: #030306;--cad-cyan: #00f0ff;--cad-teal: #00ffaa;--cad-amber: #ffaa00;--cad-magenta: #ff2a85;--cad-violet: #9d4edd;--cad-fuchsia: #d946ef;--cad-white: #ffffff;--panel-glass: rgba(6, 10, 18, .78);--panel-glass-deep: rgba(3, 6, 12, .88);--panel-border: rgba(0, 240, 255, .22);--panel-border-subtle: rgba(0, 240, 255, .12);--panel-border-bright: rgba(0, 240, 255, .6);--panel-border-glow: 0 0 12px rgba(0, 240, 255, .15);--text-main: #e2f1f8;--text-dim: #708c9e;--text-cyan: #00f0ff;--text-amber: #ffaa00;--text-teal: #00ffaa;--text-magenta: #ff2a85;--text-fuchsia: #d946ef;--grid-line: rgba(0, 240, 255, .05);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--font-mono: "JetBrains Mono", "Share Tech Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-void);color:var(--text-main);font-family:var(--font-mono);font-size:12px;line-height:1.35;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}#app{position:relative;width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-void)}#webgl-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:auto;z-index:1}#labels-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#hud-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.cad-panel{background:var(--panel-glass);border:1px solid var(--panel-border);box-shadow:var(--panel-border-glow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-main);position:relative;pointer-events:auto}.cad-panel:before,.cad-panel:after{content:"";position:absolute;width:6px;height:6px;border-color:var(--cad-cyan);pointer-events:none}.cad-panel:before{top:-1px;left:-1px;border-top:2px solid var(--cad-cyan);border-left:2px solid var(--cad-cyan)}.cad-panel:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--cad-cyan);border-right:2px solid var(--cad-cyan)}.cad-header{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border-bottom:1px solid var(--panel-border);background:#00f0ff0d;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cad-cyan)}.cad-panel-body{padding:6px 8px}.cad-btn{background:#00f0ff14;border:1px solid var(--panel-border);color:var(--text-main);font-family:var(--font-mono);font-size:10px;padding:4px 8px;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;transition:all .15s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.cad-btn-compact{padding:3px 7px;font-size:9.5px}.cad-btn:hover{background:#00f0ff33;border-color:var(--panel-border-bright);color:var(--cad-cyan);box-shadow:0 0 8px #00f0ff4d}.cad-btn.active{background:#00f0ff47;border-color:var(--cad-cyan);color:var(--cad-white);box-shadow:0 0 10px #00f0ff73}.cad-btn-audio.active{background:#00ffaa3d;border-color:var(--cad-teal);color:var(--cad-teal);box-shadow:0 0 10px #0fa6}.cad-toggle{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:10.5px;letter-spacing:.03em;color:var(--text-dim);transition:color .15s ease,background-color .15s ease}.cad-toggle.is-checked{color:var(--text-main)}.cad-toggle:hover{color:var(--cad-cyan)}.cad-toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:13px;height:13px;flex-shrink:0;border:1px solid var(--panel-border);background:#00000073;cursor:pointer;position:relative;display:inline-block;vertical-align:middle}.cad-toggle input[type=checkbox]:checked{background:var(--cad-cyan);border-color:var(--cad-cyan);box-shadow:0 0 6px #00f0ff99}.cad-toggle input[type=checkbox]:checked:after{content:"";position:absolute;top:1px;left:3.5px;width:3px;height:6px;border:solid var(--bg-void);border-width:0 2px 2px 0;transform:rotate(45deg)}.cad-dock-top{position:absolute;top:8px;left:12px;right:12px;padding:5px 10px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:nowrap;pointer-events:auto;z-index:30}.cad-brand-group{display:flex;flex-direction:column;gap:1px}.cad-brand-title{font-size:11px;font-weight:700;letter-spacing:.09em;color:var(--cad-cyan);text-shadow:0 0 8px rgba(0,240,255,.35)}.cad-brand-subtitle{font-size:8.5px;letter-spacing:.08em;color:var(--text-dim)}.cad-top-controls{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;flex-shrink:0}.cad-control-cluster{display:flex;align-items:center;gap:4px;padding:2px 4px;background:#03060c8c;border:1px solid var(--panel-border-subtle)}.cad-cluster-label{font-size:8.5px;letter-spacing:.1em;color:var(--text-dim);padding:0 4px}.cad-dock-left{position:absolute;top:56px;left:12px;width:256px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.cad-toggle-list{display:flex;flex-direction:column;gap:4px}.cad-toggle-row{padding:3px 4px;border-bottom:1px dashed rgba(0,240,255,.08)}.cad-toggle-row:last-child{border-bottom:none}.cad-toggle-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cad-dock-right{position:absolute;top:56px;right:12px;width:292px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.cad-dock-bottom{position:absolute;bottom:10px;left:280px;right:316px;display:flex;justify-content:center;align-items:flex-end;pointer-events:none}.cad-tour-card{width:100%;max-width:780px;padding:8px 12px;display:flex;flex-direction:column;gap:6px}.cad-tour-progress-track{position:absolute;top:0;left:0;right:0;height:2px;background:#00f0ff1a;overflow:hidden}.cad-tour-progress-fill{width:0%;height:100%;background:var(--cad-cyan);box-shadow:0 0 8px var(--cad-cyan);transition:width .1s linear}.cad-tour-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}.cad-tour-title-cluster{display:flex;align-items:center;gap:8px}.cad-tour-step-badge{font-weight:700;padding:3px 7px}.cad-tour-headings{display:flex;flex-direction:column}.cad-tour-title{font-size:12px;font-weight:700;color:var(--text-main);letter-spacing:.04em}.cad-tour-subtitle{font-size:9.5px;color:var(--cad-cyan);letter-spacing:.06em;text-transform:uppercase}.cad-tour-actions{display:flex;align-items:center;gap:4px}.cad-tour-description{font-size:10.5px;color:var(--text-dim);line-height:1.35}.cad-tour-bottom-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding-top:4px;border-top:1px dashed var(--panel-border-subtle)}.cad-tour-specs{display:flex;flex-wrap:wrap;gap:4px;flex:1}.cad-spec-pill{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;font-size:9px;background:#00f0ff0f;border:1px solid var(--panel-border-subtle)}.cad-spec-key{color:var(--text-dim);text-transform:uppercase}.cad-spec-val{color:var(--text-main);font-weight:600}.cad-tour-steps-bar{display:flex;align-items:center;gap:3px}.cad-step-dot{padding:2px 6px;font-size:9px;min-width:24px}.cad-telemetry-section{display:flex;flex-direction:column}.cad-eeg-bands{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.cad-eeg-band-row{display:grid;grid-template-columns:98px 1fr 30px;align-items:center;gap:6px;font-size:9px}.cad-eeg-band-label{color:var(--text-dim);letter-spacing:.03em;white-space:nowrap}.cad-eeg-band-track{height:5px;background:#00f0ff14;border:1px solid rgba(0,240,255,.16);overflow:hidden;position:relative}.cad-eeg-band-fill{height:100%;transition:width .08s linear}.cad-eeg-band-pct{text-align:right;font-weight:700;font-size:9.5px}.cad-tone-fill-cyan{background:var(--cad-cyan);box-shadow:0 0 6px var(--cad-cyan)}.cad-tone-fill-fuchsia{background:var(--cad-fuchsia);box-shadow:0 0 6px var(--cad-fuchsia)}.cad-tone-fill-teal{background:var(--cad-teal);box-shadow:0 0 6px var(--cad-teal)}.cad-tone-fill-amber{background:var(--cad-amber);box-shadow:0 0 6px var(--cad-amber)}.cad-tone-fill-magenta{background:var(--cad-magenta);box-shadow:0 0 6px var(--cad-magenta)}.cad-tone-text-cyan{color:var(--cad-cyan)}.cad-tone-text-fuchsia{color:var(--cad-fuchsia)}.cad-tone-text-teal{color:var(--cad-teal)}.cad-tone-text-amber{color:var(--cad-amber)}.cad-tone-text-magenta{color:var(--cad-magenta)}.cad-scope-wrap{position:relative;border:1px solid var(--panel-border-subtle);background:var(--panel-glass-deep)}.cad-scope-overlay-label{display:flex;justify-content:space-between;align-items:center;padding:2px 6px;font-size:8.5px;color:var(--text-dim);letter-spacing:.05em;border-bottom:1px solid rgba(0,240,255,.08)}.cad-scope-legend{display:inline-flex;align-items:center;gap:4px}.cad-scope-legend i{display:inline-block;width:6px;height:6px}.cad-swatch-fuchsia{background:var(--cad-fuchsia)}.cad-swatch-cyan{background:var(--cad-cyan)}.cad-scope-canvas{display:block;width:100%;height:auto}.cad-cardiac-metrics{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:5px}.cad-cardiac-stat{display:flex;flex-direction:column;gap:2px}.cad-cardiac-stat-right{align-items:flex-end;flex:1}.cad-bpm-readout{display:flex;align-items:center;gap:6px}.cad-bpm-dot{width:7px;height:7px;border-radius:50%;background:#ff2a8559;border:1px solid var(--cad-magenta);transition:transform .08s ease,background-color .08s ease,box-shadow .08s ease}.cad-bpm-dot.pulsing{background:var(--cad-magenta);box-shadow:0 0 10px var(--cad-magenta);transform:scale(1.35)}.cad-mini-bar-track{width:100%;max-width:120px;height:4px;background:#00ffaa1a;border:1px solid rgba(0,255,170,.25);overflow:hidden}.cad-mini-bar-fill{height:100%;background:var(--cad-teal);box-shadow:0 0 6px var(--cad-teal);transition:width .1s linear}.cad-matrix-list{display:flex;flex-direction:column;gap:4px}.cad-matrix-card{padding:3px 5px;background:#03060c8c;border-left:2px solid var(--cad-cyan);display:flex;flex-direction:column;gap:1px}.cad-matrix-value{font-size:9.5px;font-weight:600;color:var(--text-main);letter-spacing:.02em}.cad-telemetry-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px dashed rgba(0,240,255,.1)}.cad-telemetry-label{color:var(--text-dim);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase}.cad-telemetry-val{color:var(--cad-cyan);font-weight:700;font-size:11px}.cad-val-magenta{color:var(--cad-magenta)}.cad-val-teal{color:var(--cad-teal)}.cad-text-magenta{color:var(--cad-magenta)}.cad-badge{display:inline-block;padding:1px 5px;font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--panel-border);background:#00f0ff1a;color:var(--cad-cyan);white-space:nowrap}.cad-badge-amber{border-color:#fa06;background:#ffaa001a;color:var(--cad-amber)}.cad-badge-teal{border-color:#0fa6;background:#00ffaa1a;color:var(--cad-teal)}.cad-badge-magenta{border-color:#ff2a8566;background:#ff2a851a;color:var(--cad-magenta)}.cad-callout-pin{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap}.cad-callout-dot{width:8px;height:8px;border-radius:50%;background:var(--cad-cyan);box-shadow:0 0 8px var(--cad-cyan);border:1px solid var(--cad-white)}.cad-callout-tag{background:var(--panel-glass);border:1px solid var(--panel-border);padding:3px 8px;font-size:10px;color:var(--text-main);box-shadow:var(--panel-border-glow)}