:root{--ark-void: #0a0a0f;--ark-deep: #0f0f1a;--ark-surface: #141420;--ark-elevated: #1a1a2e;--ark-panel: #1e1e3a;--ark-border: #2a2a4a;--ark-border-dim: #1a1a3a;--ark-text-primary: #e8e8f0;--ark-text-secondary: #8a8ab0;--ark-text-dim: #4a4a6a;--ark-accent: #00d4aa;--ark-accent-dim: #00a080;--ark-accent-glow: rgba(0,212,170,.15);--ark-warn: #ff6b35;--ark-warn-glow: rgba(255,107,53,.15);--ark-danger: #ff2e63;--ark-danger-glow: rgba(255,46,99,.15);--ark-info: #4ecdc4;--ark-info-glow: rgba(78,205,196,.15);--ark-amber: #f7b731;--ark-amber-glow: rgba(247,183,49,.15);--ark-purple: #a855f7;--ark-purple-glow: rgba(168,85,247,.15);--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", monospace;--font-sans: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--t-fast: .15s ease;--t-base: .25s ease;--t-slow: .4s cubic-bezier(.4,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:var(--ark-void);color:var(--ark-text-primary);font-family:var(--font-sans);overflow:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ark-border);border-radius:2px}#command-surface{width:100vw;height:100vh;display:grid;grid-template-rows:40px 1fr 48px;grid-template-areas:"system-strip" "main-deck" "command-bar";background:var(--ark-void)}#system-strip{grid-area:system-strip;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--ark-deep);border-bottom:1px solid var(--ark-border-dim);font-family:var(--font-mono);font-size:10px;letter-spacing:.5px;text-transform:uppercase;position:relative;z-index:100}.system-left,.system-right{display:flex;align-items:center;gap:24px}.system-node{display:flex;align-items:center;gap:8px;cursor:pointer;transition:var(--t-fast);padding:4px 8px;border-radius:4px}.system-node:hover{background:var(--ark-surface)}.node-pulse{width:6px;height:6px;border-radius:50%;position:relative}.node-pulse:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(2.5);opacity:0}}.pulse-active{background:var(--ark-accent);box-shadow:0 0 8px var(--ark-accent)}.pulse-active:after{background:var(--ark-accent)}.pulse-warn{background:var(--ark-warn);box-shadow:0 0 8px var(--ark-warn)}.pulse-warn:after{background:var(--ark-warn)}.pulse-danger{background:var(--ark-danger);box-shadow:0 0 8px var(--ark-danger)}.pulse-danger:after{background:var(--ark-danger)}.pulse-amber{background:var(--ark-amber);box-shadow:0 0 8px var(--ark-amber)}.pulse-amber:after{background:var(--ark-amber)}.pulse-purple{background:var(--ark-purple);box-shadow:0 0 8px var(--ark-purple)}.pulse-purple:after{background:var(--ark-purple)}.node-label{color:var(--ark-text-secondary)}.node-value{color:var(--ark-text-primary);font-weight:600}.system-divider{width:1px;height:16px;background:var(--ark-border-dim)}#ark-sigil{font-size:11px;font-weight:700;letter-spacing:3px;color:var(--ark-accent);text-shadow:0 0 20px var(--ark-accent-glow)}#main-deck{grid-area:main-deck;display:grid;grid-template-columns:280px 1fr 320px;grid-template-areas:"chamber-nav command-view telemetry-pane";overflow:hidden}#chamber-nav{grid-area:chamber-nav;background:var(--ark-deep);border-right:1px solid var(--ark-border-dim);display:flex;flex-direction:column;overflow:hidden}.chamber-header{padding:16px 20px 12px;font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:var(--ark-text-dim);text-transform:uppercase;border-bottom:1px solid var(--ark-border-dim)}.chamber-list{flex:1;overflow-y:auto;padding:8px 12px}.chamber-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:var(--t-fast);margin-bottom:2px;position:relative}.chamber-item:hover{background:var(--ark-surface)}.chamber-item.active{background:var(--ark-surface);border:1px solid var(--ark-border)}.chamber-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--ark-accent);border-radius:0 2px 2px 0}.chamber-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;background:var(--ark-elevated);border:1px solid var(--ark-border-dim);transition:var(--t-fast)}.chamber-item:hover .chamber-icon,.chamber-item.active .chamber-icon{border-color:var(--ark-accent-dim);box-shadow:0 0 12px var(--ark-accent-glow)}.chamber-info{flex:1;min-width:0}.chamber-name{font-size:12px;font-weight:600;color:var(--ark-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chamber-meta{font-size:10px;color:var(--ark-text-dim);margin-top:2px;font-family:var(--font-mono)}.chamber-status{width:6px;height:6px;border-radius:50%;flex-shrink:0}#command-view{grid-area:command-view;display:flex;flex-direction:column;overflow:hidden;position:relative}.view-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--ark-border-dim);background:var(--ark-void)}.view-title{font-size:18px;font-weight:700;letter-spacing:-.3px;display:flex;align-items:center;gap:12px}.view-title .title-accent{color:var(--ark-accent);text-shadow:0 0 20px var(--ark-accent-glow)}.view-actions{display:flex;align-items:center;gap:8px}.action-btn{padding:8px 16px;border-radius:6px;border:1px solid var(--ark-border);background:var(--ark-surface);color:var(--ark-text-secondary);font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:var(--t-fast);display:flex;align-items:center;gap:6px}.action-btn:hover{border-color:var(--ark-accent-dim);color:var(--ark-text-primary);background:var(--ark-elevated)}.action-btn.primary{background:var(--ark-accent);color:var(--ark-void);border-color:var(--ark-accent)}.action-btn.primary:hover{background:var(--ark-accent-dim);box-shadow:0 0 20px var(--ark-accent-glow)}.view-content{flex:1;overflow-y:auto;padding:20px 24px}.mission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.mission-card{background:var(--ark-surface);border:1px solid var(--ark-border-dim);border-radius:12px;padding:20px;transition:var(--t-base);cursor:pointer;position:relative;overflow:hidden}.mission-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--ark-border);transition:var(--t-base)}.mission-card:hover{border-color:var(--ark-border);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.mission-card:hover:before{background:var(--ark-accent)}.mission-card.status-active:before{background:var(--ark-accent)}.mission-card.status-stalled:before{background:var(--ark-warn)}.mission-card.status-queued:before{background:var(--ark-info)}.mission-card.status-closing:before{background:var(--ark-purple)}.mission-card.status-critical:before{background:var(--ark-danger)}.mission-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.mission-id{font-family:var(--font-mono);font-size:10px;color:var(--ark-text-dim);letter-spacing:1px}.mission-badge{padding:3px 10px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-family:var(--font-mono)}.badge-active{background:var(--ark-accent-glow);color:var(--ark-accent);border:1px solid var(--ark-accent-dim)}.badge-stalled{background:var(--ark-warn-glow);color:var(--ark-warn);border:1px solid var(--ark-warn)}.badge-queued{background:var(--ark-info-glow);color:var(--ark-info);border:1px solid var(--ark-info)}.badge-closing{background:var(--ark-purple-glow);color:var(--ark-purple);border:1px solid var(--ark-purple)}.badge-critical{background:var(--ark-danger-glow);color:var(--ark-danger);border:1px solid var(--ark-danger)}.mission-title{font-size:14px;font-weight:600;margin-bottom:4px;color:var(--ark-text-primary)}.mission-owner{font-size:11px;color:var(--ark-text-secondary);margin-bottom:16px;font-family:var(--font-mono)}.mission-progress{margin-bottom:12px}.progress-bar-bg{height:4px;background:var(--ark-elevated);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2))}.fill-active{background:var(--ark-accent)}.fill-stalled{background:var(--ark-warn)}.fill-queued{background:var(--ark-info)}.fill-closing{background:var(--ark-purple)}.fill-critical{background:var(--ark-danger)}.mission-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--ark-text-dim);font-family:var(--font-mono)}.mission-chamber{display:flex;align-items:center;gap:6px}.continuity-panel{background:var(--ark-surface);border:1px solid var(--ark-border-dim);border-radius:12px;overflow:hidden}.continuity-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--ark-border-dim);background:var(--ark-elevated)}.continuity-title{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.continuity-count{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;font-family:var(--font-mono)}.count-warn{background:var(--ark-warn-glow);color:var(--ark-warn)}.count-danger{background:var(--ark-danger-glow);color:var(--ark-danger)}.count-ok{background:var(--ark-accent-glow);color:var(--ark-accent)}.continuity-list{padding:8px}.continuity-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;transition:var(--t-fast);cursor:pointer}.continuity-item:hover{background:var(--ark-elevated)}.continuity-severity{width:3px;height:32px;border-radius:2px;flex-shrink:0}.severity-critical{background:var(--ark-danger)}.severity-high{background:var(--ark-warn)}.severity-medium{background:var(--ark-amber)}.severity-low{background:var(--ark-info)}.continuity-body{flex:1;min-width:0}.continuity-msg{font-size:12px;color:var(--ark-text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continuity-meta{font-size:10px;color:var(--ark-text-dim);font-family:var(--font-mono)}.continuity-time{font-size:10px;color:var(--ark-text-dim);font-family:var(--font-mono);white-space:nowrap}.deck-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.deck-module{background:var(--ark-surface);border:1px solid var(--ark-border-dim);border-radius:12px;padding:20px;transition:var(--t-base);cursor:pointer}.deck-module:hover{border-color:var(--ark-border);transform:translateY(-2px)}.deck-module-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.deck-module-title{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ark-text-secondary)}.deck-module-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;background:var(--ark-elevated);border:1px solid var(--ark-border-dim)}.deck-metric{display:flex;align-items:baseline;gap:8px}.deck-metric-value{font-size:28px;font-weight:700;letter-spacing:-1px}.deck-metric-label{font-size:11px;color:var(--ark-text-dim);text-transform:uppercase;letter-spacing:1px}.deck-metric-trend{font-size:11px;font-family:var(--font-mono);margin-top:8px}.trend-up{color:var(--ark-accent)}.trend-down{color:var(--ark-warn)}#telemetry-pane{grid-area:telemetry-pane;background:var(--ark-deep);border-left:1px solid var(--ark-border-dim);display:flex;flex-direction:column;overflow:hidden}.telemetry-header{padding:16px 20px 12px;font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:var(--ark-text-dim);text-transform:uppercase;border-bottom:1px solid var(--ark-border-dim);display:flex;justify-content:space-between;align-items:center}.telemetry-content{flex:1;overflow-y:auto;padding:16px 20px}.voice-module{background:var(--ark-surface);border:1px solid var(--ark-border-dim);border-radius:12px;padding:20px;margin-bottom:16px;text-align:center}.voice-status{font-size:10px;font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--ark-text-dim);margin-bottom:16px}.voice-visualizer{display:flex;align-items:center;justify-content:center;gap:3px;height:60px;margin-bottom:16px}.voice-bar{width:4px;border-radius:2px;background:var(--ark-border);transition:height .1s ease}.voice-btn{width:56px;height:56px;border-radius:50%;border:2px solid var(--ark-border);background:var(--ark-elevated);color:var(--ark-text-secondary);font-size:20px;cursor:pointer;transition:var(--t-base);display:flex;align-items:center;justify-content:center;margin:0 auto}.voice-btn:hover{border-color:var(--ark-accent);box-shadow:0 0 24px var(--ark-accent-glow);color:var(--ark-accent)}.voice-btn.active{border-color:var(--ark-accent);background:var(--ark-accent);color:var(--ark-void);box-shadow:0 0 32px var(--ark-accent-glow);animation:voice-pulse 1.5s infinite}@keyframes voice-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.transcript-module{background:var(--ark-surface);border:1px solid var(--ark-border-dim);border-radius:12px;overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:200px}.transcript-header{padding:12px 16px;border-bottom:1px solid var(--ark-border-dim);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ark-text-secondary);display:flex;justify-content:space-between;align-items:center}.transcript-log{flex:1;overflow-y:auto;padding:12px 16px;font-family:var(--font-mono);font-size:11px;line-height:1.6}.transcript-entry{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--ark-border-dim)}.transcript-entry:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.transcript-timestamp{color:var(--ark-text-dim);font-size:10px;margin-bottom:4px}.transcript-user{color:var(--ark-accent)}.transcript-system{color:var(--ark-info)}.transcript-remme{color:var(--ark-purple)}.metrics-module{background:var(--ark-surface);border:1px solid var(--ark-border-dim);border-radius:12px;padding:16px;margin-bottom:16px}.metrics-title{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ark-text-secondary);margin-bottom:12px}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--ark-border-dim)}.metric-row:last-child{border-bottom:none}.metric-name{font-size:11px;color:var(--ark-text-secondary)}.metric-value{font-size:11px;font-family:var(--font-mono);color:var(--ark-text-primary);font-weight:600}#command-bar{grid-area:command-bar;display:flex;align-items:center;gap:12px;padding:0 20px;background:var(--ark-deep);border-top:1px solid var(--ark-border-dim);position:relative;z-index:100}.command-prompt{font-family:var(--font-mono);font-size:14px;color:var(--ark-accent);font-weight:700;-webkit-user-select:none;user-select:none}.command-input{flex:1;background:transparent;border:none;outline:none;color:var(--ark-text-primary);font-family:var(--font-mono);font-size:13px;padding:12px 0}.command-input::placeholder{color:var(--ark-text-dim)}.command-actions{display:flex;align-items:center;gap:8px}.cmd-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--ark-border);background:var(--ark-surface);color:var(--ark-text-secondary);cursor:pointer;transition:var(--t-fast);display:flex;align-items:center;justify-content:center;font-size:14px}.cmd-btn:hover{border-color:var(--ark-accent-dim);color:var(--ark-accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) forwards}#scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.03;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px)}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.4) 100%)}@media (max-width: 1200px){#main-deck{grid-template-columns:240px 1fr 280px}}@media (max-width: 900px){#main-deck{grid-template-columns:1fr;grid-template-areas:"command-view"}#chamber-nav,#telemetry-pane{display:none}.mission-grid,.deck-grid{grid-template-columns:1fr}}@media (max-width: 600px){#system-strip{font-size:8px;gap:12px;padding:0 12px}.system-left,.system-right{gap:12px}.node-label{display:none}.view-header,.view-content{padding:12px 16px}#command-bar{padding:0 12px}}