@import"https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap";:root{--bg-deep: #050508;--bg-subtle: #090a12;--glass-surface: rgba(14, 16, 27, .55);--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(255, 255, 255, .12);--text-primary: #f8fafc;--text-muted: #64748b;--text-dim: #475569;--accent-purple: #a855f7;--accent-purple-glow: rgba(168, 85, 247, .15);--accent-cyan: #22d3ee;--accent-cyan-glow: rgba(34, 211, 238, .15);--accent-emerald: #10b981;--accent-amber: #f59e0b;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-deep);background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px;color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;padding:2.5rem 2rem;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}.app-container{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.museum-header{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2rem;background:var(--glass-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:20px}.brand-title{display:flex;flex-direction:column;gap:.35rem}.observation-badge{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em}.observation-no{color:var(--accent-purple);font-weight:500}.observation-status{color:var(--text-muted);background:#ffffff08;padding:.1rem .4rem;border-radius:4px;border:1px solid rgba(255,255,255,.04)}.title-top-row{display:flex;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:300;letter-spacing:.05em;color:#fff}.logo-acronym{font-weight:700;letter-spacing:.1em;background:linear-gradient(135deg,#fff 0%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-divider{color:var(--text-dim);font-weight:200}.logo-full-name{font-weight:400;color:var(--text-primary)}.logo-sub-name{font-weight:300;color:var(--text-muted)}.museum-tagline{font-size:.75rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--accent-cyan);margin-top:.1rem}.audio-activation-btn{min-height:44px;padding:.75rem 1.5rem;font-family:var(--font-sans);font-weight:500;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff05;color:var(--text-muted);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.75rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim);transition:all .3s ease}.audio-activation-btn:hover{background:#ffffff0d;border-color:var(--glass-border-hover);color:var(--text-primary)}.audio-activation-btn.active{border-color:#22d3ee4d;background:var(--accent-cyan-glow);color:var(--accent-cyan)}.audio-activation-btn.active .status-dot{background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan)}.dashboard-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:1.75rem}.column-stack{display:flex;flex-direction:column;gap:1.75rem}.museum-card{background:var(--glass-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 16px 40px -20px #0009}.card-header{display:flex;flex-direction:column;gap:.25rem}.card-module-tag{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;color:var(--accent-purple);opacity:.8}.card-title{font-size:.8rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);border-left:2px solid var(--accent-purple);padding-left:.75rem;line-height:1}.entity-tag{display:flex;align-items:center;gap:.5rem}.entity-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;color:var(--text-dim);background:#ffffff08;padding:.1rem .35rem;border-radius:4px}.transport-buttons{display:flex;gap:.75rem}.btn{flex:1;min-height:44px;padding:.75rem 1rem;font-family:var(--font-sans);font-weight:500;font-size:.8rem;letter-spacing:.1em;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff05;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn:hover{background:#ffffff0f;border-color:var(--glass-border-hover)}.btn-start.active{background:var(--accent-cyan-glow);border-color:#22d3ee66;color:var(--accent-cyan);box-shadow:0 0 16px #22d3ee33}.btn-pause.active{background:#f59e0b26;border-color:#f59e0b66;color:var(--accent-amber);box-shadow:0 0 16px #f59e0b33}.btn-stop:hover{background:#ef444426;border-color:#ef444466;color:#ef4444}.tempo-header{display:flex;justify-content:space-between;align-items:center}.tempo-val{font-family:var(--font-mono);font-size:1.35rem;font-weight:500;color:var(--accent-purple)}.tempo-val small{font-size:.75rem;color:var(--text-muted);font-family:var(--font-sans)}.tempo-controls{display:flex;align-items:center;gap:1rem}.btn-stepper{min-width:44px;min-height:44px;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff05;color:var(--text-primary);font-size:1.2rem;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-stepper:hover{background:#ffffff14;border-color:var(--glass-border-hover)}.tempo-slider{-webkit-appearance:none;flex:1;height:4px;border-radius:2px;background:#ffffff14;outline:none}.tempo-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-purple);cursor:pointer;box-shadow:0 0 12px var(--accent-purple);transition:transform .15s ease}.tempo-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.tempo-presets{display:flex;gap:.4rem;flex-wrap:wrap}.preset-btn{flex:1;min-height:44px;min-width:44px;font-family:var(--font-mono);font-size:.8rem;background:#ffffff05;border:1px solid var(--glass-border);color:var(--text-muted);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.preset-btn:hover{background:#ffffff0f;color:var(--text-primary)}.preset-btn.active{background:var(--accent-purple-glow);border-color:#a855f766;color:var(--accent-purple)}.timeline-display{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;background:#0000004d;padding:1.25rem 1rem;border-radius:14px;border:1px solid rgba(255,255,255,.03)}.time-unit{display:flex;flex-direction:column;align-items:center;gap:.25rem}.time-label{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.time-val{font-family:var(--font-mono);font-size:1.4rem;font-weight:400;color:var(--text-primary)}.step-sequencer{display:grid;grid-template-columns:repeat(16,1fr);gap:6px}.step-cell{aspect-ratio:1;border-radius:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.02);transition:all .15s ease}.step-cell.current-pulse{background:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:0 0 14px var(--accent-cyan);transform:scale(1.15)}.telemetry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.telemetry-item{display:flex;justify-content:space-between;align-items:center;background:#00000040;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.03)}.telemetry-label{font-size:.8rem;color:var(--text-muted)}.telemetry-val{font-family:var(--font-mono);font-size:.85rem;color:var(--accent-cyan);font-weight:500}.agents-container{display:flex;flex-direction:column;gap:1.25rem}.agent-row{display:flex;flex-direction:column;gap:.85rem;background:#00000040;border:1px solid rgba(255,255,255,.03);padding:1.25rem;border-radius:14px}.agent-header{display:flex;justify-content:space-between;align-items:center}.agent-id{font-family:var(--font-mono);font-weight:500;font-size:.9rem;letter-spacing:.05em;color:var(--accent-purple)}.agent-pulse-indicator{width:8px;height:8px;border-radius:50%;background:#ffffff1a;transition:all .15s ease}.agent-pulse-indicator.triggered{background:var(--accent-cyan);box-shadow:0 0 14px var(--accent-cyan);transform:scale(1.4)}.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.metric-bar-group{display:flex;flex-direction:column;gap:.4rem}.metric-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.progress-track{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.progress-fill{height:100%;border-radius:2px;transition:width .25s ease}.fill-arousal{background:var(--accent-cyan)}.fill-fatigue{background:var(--accent-purple)}.fill-gloom{background:var(--accent-amber)}.agent-selector-tabs{display:flex;gap:.5rem}.agent-tab-btn{flex:1;min-height:44px;padding:.6rem .5rem;font-family:var(--font-mono);font-size:.8rem;background:#ffffff05;border:1px solid var(--glass-border);color:var(--text-muted);border-radius:10px;cursor:pointer;transition:all .2s ease}.agent-tab-btn:hover{background:#ffffff0f;color:var(--text-primary)}.agent-tab-btn.active{background:var(--accent-cyan-glow);border-color:#22d3ee66;color:var(--accent-cyan)}.pipeline-container{display:flex;flex-direction:column}.pipeline-flow{display:flex;flex-direction:column;gap:.6rem}.pipeline-stage{padding:.85rem 1rem;background:#00000040;border-radius:10px;border-left:3px solid var(--text-dim)}.stage-1{border-left-color:var(--accent-purple)}.stage-2{border-left-color:var(--accent-cyan)}.stage-3{border-left-color:var(--accent-emerald)}.stage-4{border-left-color:var(--accent-amber)}.stage-header{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;letter-spacing:.15em;color:var(--text-primary)}.stage-sub{font-size:.7rem;font-weight:400;color:var(--text-muted);letter-spacing:0}.stage-body{margin-top:.35rem;display:flex;justify-content:space-between;align-items:baseline}.stage-main-text{font-size:.85rem;color:var(--text-primary)}.stage-meta-text{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.pipeline-arrow{text-align:center;color:var(--text-dim);font-size:.85rem;margin:-.2rem 0}.empty-state{color:var(--text-muted);font-size:.8rem;text-align:center;padding:1rem 0}.life-stream-section{margin-top:1rem;border-top:1px solid rgba(255,255,255,.05);padding-top:1rem}.section-subtitle{font-size:.75rem;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;margin-bottom:.75rem}.life-event-stream{max-height:140px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.life-event-item{padding:.6rem .85rem;background:#00000040;border-radius:8px;border-left:2px solid var(--accent-cyan);font-family:var(--font-mono);font-size:.75rem}.event-meta{display:flex;justify-content:space-between;color:var(--text-muted);margin-bottom:.25rem}.event-type{color:var(--accent-cyan);font-weight:500}.event-payload{color:var(--text-primary)}.museum-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--glass-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:20px;color:var(--text-muted);font-size:.8rem}.footer-left{display:flex;flex-direction:column;gap:.2rem}.footer-title{font-weight:500;letter-spacing:.1em;color:var(--text-primary)}.footer-philosophy{font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-cyan)}@media (max-width: 900px){body{padding:1rem}.dashboard-grid{grid-template-columns:1fr;gap:1.25rem}.column-stack{gap:1.25rem}.museum-header{flex-direction:column;gap:1.25rem;align-items:stretch;text-align:center;padding:1.5rem 1.25rem}.title-top-row{justify-content:center;flex-wrap:wrap;font-size:1.1rem}.audio-activation-btn{width:100%;justify-content:center}.museum-footer{flex-direction:column;gap:.75rem;text-align:center;padding:1.25rem}}@media (max-width: 480px){.transport-buttons{flex-direction:column}.metrics-row,.telemetry-grid{grid-template-columns:1fr}.timeline-display{grid-template-columns:repeat(2,1fr)}.museum-card{padding:1.25rem;border-radius:16px}}