:root{--bg-base: #05070a;--bg-surface: #0a0e17;--bg-surface-glass: rgba(10, 14, 23, .82);--bg-card: rgba(14, 20, 32, .68);--bg-card-hover: rgba(20, 30, 48, .85);--bg-card-active: rgba(24, 36, 58, .95);--bg-inset: rgba(4, 7, 12, .75);--accent-emerald: #00ff88;--accent-cyan: #00f0ff;--accent-blue: #00bfff;--accent-amber: #ffaa00;--accent-red: #ff3366;--accent-rose: #ff3366;--accent-purple: #b388ff;--accent-magenta: #ff007f;--accent-indigo: #6366f1;--state-ventral: #00ff88;--state-sympathetic: #ffaa00;--state-freeze: #ff3366;--state-dream: #b388ff;--state-serene: #00f0ff;--border-subtle: rgba(255, 255, 255, .07);--border-card: rgba(0, 240, 255, .14);--border-focus: rgba(0, 240, 255, .5);--border-glow: 0 0 15px rgba(0, 240, 255, .25);--text-primary: #f3f6fa;--text-secondary: #a8b6cb;--text-muted: #8292a8;--text-dim: #5c697c;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6);--blur-glass: blur(16px);--backdrop-glass: blur(20px) saturate(180%);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 16px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--ease-out: cubic-bezier(.16, 1, .3, 1);--transition-fast: .15s var(--ease-out);--transition-normal: .25s var(--ease-out)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background-color:var(--bg-base);color:var(--text-primary);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;line-height:1.45}body{background-image:radial-gradient(circle at 15% 15%,rgba(0,240,255,.04),transparent 45%),radial-gradient(circle at 85% 85%,rgba(0,255,136,.04),transparent 45%),radial-gradient(circle at 50% 50%,rgba(179,136,255,.03),transparent 55%);background-attachment:fixed;padding-top:var(--safe-top)}.mono{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.app-root{display:flex;flex-direction:column;min-height:100vh;position:relative}.header-bar{position:sticky;top:0;z-index:100;background:var(--bg-surface-glass);backdrop-filter:var(--backdrop-glass);-webkit-backdrop-filter:var(--backdrop-glass);border-bottom:1px solid var(--border-subtle);padding:.75rem 1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;transition:box-shadow var(--transition-normal)}.observatory-stage{flex:1;display:flex;flex-direction:column;gap:1rem;padding:1rem;max-width:1920px;margin:0 auto;width:100%;padding-bottom:calc(72px + var(--safe-bottom))}.stage-card{background:var(--bg-card);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal),transform var(--transition-normal);position:relative;overflow:hidden;scroll-margin-top:80px}.stage-card:hover{border-color:#00f0ff40}.stage-viewport{order:1}.stage-telemetry{order:2}.stage-dialogue{order:3}.stage-mind{order:4}@media (min-width: 768px){.header-bar{padding:.85rem 1.5rem}.observatory-stage{display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"stage stage" "dialogue mind" "telemetry telemetry";gap:1.25rem;padding:1.25rem 1.25rem 2rem}.stage-viewport{grid-area:stage;order:initial}.stage-dialogue{grid-area:dialogue;order:initial}.stage-mind{grid-area:mind;order:initial}.stage-telemetry{grid-area:telemetry;order:initial}.mobile-bottom-dock{display:none!important}}@media (min-width: 1200px) and (max-width: 1439px){.observatory-stage{grid-template-columns:290px minmax(480px,1fr) 300px;grid-template-areas:"telemetry stage mind" "telemetry dialogue mind";gap:1rem;padding:1rem 1.25rem 2rem;align-items:start}.stage-telemetry,.stage-mind{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto}}@media (min-width: 1440px){.observatory-stage{grid-template-columns:340px minmax(640px,1fr) 360px;grid-template-areas:"telemetry stage mind" "telemetry dialogue mind";gap:1.5rem;padding:1.5rem 2rem 2rem;align-items:start}.stage-telemetry{grid-area:telemetry;position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto}.stage-viewport{grid-area:stage}.stage-dialogue{grid-area:dialogue}.stage-mind{grid-area:mind;position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto}}.mobile-bottom-dock{position:fixed;bottom:0;left:0;right:0;height:calc(58px + var(--safe-bottom));background:var(--bg-surface-glass);backdrop-filter:var(--backdrop-glass);-webkit-backdrop-filter:var(--backdrop-glass);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-around;align-items:flex-start;padding-top:6px;z-index:1000}.dock-btn{background:transparent;border:none;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 12px;min-width:58px;min-height:44px;cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast)}.dock-btn:active{transform:scale(.92)}.dock-icon{font-size:1.25rem;line-height:1}.dock-label{font-size:.65rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.dock-btn.active{color:var(--accent-cyan)}.dock-btn.active .dock-icon{filter:drop-shadow(0 0 6px var(--accent-cyan))}.header-brand-group{display:flex;align-items:center;gap:12px}.organism-avatar-aura{position:relative;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#00f0ff33,#05070acc 80%);border:2px solid var(--accent-cyan);box-shadow:0 0 15px var(--accent-cyan);transition:all .5s ease}.avatar-icon{font-size:1.25rem}.aura-serene{border-color:var(--accent-cyan);box-shadow:0 0 16px var(--accent-cyan)}.aura-curious{border-color:var(--accent-emerald);box-shadow:0 0 16px var(--accent-emerald)}.aura-focused{border-color:var(--accent-amber);box-shadow:0 0 16px var(--accent-amber)}.aura-strained{border-color:var(--accent-red);box-shadow:0 0 18px var(--accent-red)}.aura-hypnagogic{border-color:var(--accent-purple);box-shadow:0 0 18px var(--accent-purple)}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:1.05rem;font-weight:700;letter-spacing:-.3px;color:var(--text-primary)}.brand-subtitle{font-size:.7rem;color:var(--text-muted);font-weight:500}.header-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.badge-chip{font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:#ffffff0a;color:var(--text-secondary);display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:all var(--transition-fast)}.badge-chip:hover{background:#ffffff14;border-color:#fff3}.badge-ventral{color:var(--state-ventral);border-color:#00ff8859;background:#00ff8814}.badge-sympathetic{color:var(--state-sympathetic);border-color:#ffaa0059;background:#ffaa0014}.badge-freeze{color:var(--state-freeze);border-color:#ff336659;background:#ff336614}.badge-conn-live{color:var(--accent-emerald);border-color:#0f86}.badge-conn-off{color:var(--accent-red);border-color:#f366}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.lens-toggle{display:inline-flex;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:3px;gap:2px}.lens-btn{background:transparent;border:none;color:var(--text-muted);font-size:.7rem;font-weight:600;padding:5px 12px;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:5px}.lens-btn.active{background:var(--accent-cyan);color:#05070a;font-weight:700;box-shadow:0 0 10px #00f0ff66}.btn-icon{min-width:44px;min-height:44px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all var(--transition-fast)}.btn-icon:hover{border-color:var(--accent-cyan);transform:translateY(-1px)}.btn-icon:active{transform:scale(.94)}.btn-sleep.active-sleep{border-color:#a78bfa;background:#a78bfa26;box-shadow:0 0 12px #a78bfa66}.viewport-wrapper{position:relative;width:100%;background:#020305;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle)}.viewport-aspect-box{position:relative;width:100%;padding-top:56.25%}.canvas-primary-radar{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.pip-fovea-container{position:absolute;bottom:32px;right:12px;width:90px;height:90px;border-radius:var(--radius-md);border:2px solid var(--accent-cyan);box-shadow:var(--shadow-md);overflow:hidden;background:#000;z-index:10;transition:transform var(--transition-fast);cursor:pointer}.pip-fovea-container:hover,.pip-fovea-container:focus-visible{transform:scale(1.08);outline:2px solid var(--accent-cyan);outline-offset:2px}.canvas-fovea{width:100%;height:100%;object-fit:cover}.pip-label{position:absolute;bottom:2px;right:4px;font-size:.55rem;font-weight:700;background:#000000b3;padding:1px 4px;border-radius:3px;color:var(--accent-cyan);font-family:JetBrains Mono,monospace}.pip-webcam-container{position:absolute;bottom:32px;left:12px;width:90px;height:67px;border-radius:var(--radius-md);border:1px solid var(--accent-purple);box-shadow:var(--shadow-md);overflow:hidden;background:#000;z-index:10;opacity:.85;transition:opacity var(--transition-fast),transform var(--transition-fast);cursor:pointer}.pip-webcam-container:hover,.pip-webcam-container:focus-visible{opacity:1;transform:scale(1.08);outline:2px solid var(--accent-purple);outline-offset:2px}dialog.sdo-accessible-dialog::backdrop{background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.canvas-webcam{width:100%;height:100%;object-fit:cover}.active-intention-pill{position:absolute;top:10px;left:12px;right:12px;background:#05080ed9;-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:6px 14px;display:flex;align-items:center;justify-content:space-between;font-size:.72rem;z-index:15;gap:8px}.intention-goal{color:var(--text-primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intention-agency{color:var(--accent-emerald);font-family:JetBrains Mono,monospace;font-weight:700;flex-shrink:0}.fovea-perception-chip{position:absolute;bottom:128px;right:12px;background:#05080eeb;-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);border:1.5px solid var(--accent-cyan);box-shadow:0 0 14px #00f0ff59;border-radius:var(--radius-pill);padding:3px 10px;display:inline-flex;align-items:center;gap:6px;font-size:.7rem;z-index:12;transition:opacity .35s ease,transform .25s ease;pointer-events:none}.fovea-chip-icon{font-size:.8rem}.fovea-chip-label{color:var(--text-secondary);font-weight:600}.fovea-chip-val{color:var(--accent-cyan);font-weight:700}.acoustic-ribbon{position:absolute;bottom:0;left:0;right:0;height:24px;background:#05080ee6;border-top:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 8px;z-index:10}.acoustic-canvas{width:100%;height:100%}.dialogue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem}.stage-heading{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);display:flex;align-items:center;gap:6px}.thought-stream-box{display:flex;flex-direction:column;gap:10px;max-height:380px;overflow-y:auto;padding:8px 4px;scroll-behavior:smooth}.thought-bubble{padding:10px 14px;border-radius:var(--radius-md);font-size:.82rem;line-height:1.4;position:relative;animation:fadeIn .25s ease;max-width:92%}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bubble-inner{background:#6366f11f;border:1px solid rgba(99,102,241,.28);color:#d1d5db;font-style:italic;align-self:flex-start}.bubble-speech{background:#00f0ff26;border:1px solid var(--accent-cyan);color:#fff;font-weight:600;align-self:flex-start;box-shadow:0 0 12px #00f0ff2e}.bubble-caregiver{background:#00ff8824;border:1px solid var(--accent-emerald);color:#e6fffa;align-self:flex-end}.bubble-meta{font-size:.65rem;font-style:normal;color:var(--text-muted);margin-top:4px;display:flex;align-items:center;gap:6px}.caregiver-dock{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.caregiver-btn{flex:1;min-height:46px;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);font-weight:700;font-size:.76rem;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all var(--transition-fast)}.caregiver-btn:hover{border-color:var(--accent-cyan);background:#00f0ff14}.caregiver-btn:active{transform:scale(.95)}.btn-cookie{border-color:#ffaa004d}.btn-cookie:hover{background:#ffaa001f;border-color:var(--accent-amber)}.btn-praise{border-color:#00ff884d}.btn-praise:hover{background:#00ff881f;border-color:var(--accent-emerald)}.btn-teach{border-color:#00f0ff4d}.btn-teach:hover{background:#00f0ff1f;border-color:var(--accent-cyan)}.arena-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;margin-bottom:12px}.arena-title{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);display:flex;justify-content:space-between;margin-bottom:8px}.willpower-gauge{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.gauge-header{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-muted)}.progress-track{width:100%;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.fill-willpower{background:linear-gradient(90deg,#6366f1,#00f0ff)}.fill-need{background:linear-gradient(90deg,#fa0,#f36)}.fill-want{background:linear-gradient(90deg,#00bfff,#0f8)}.volition-badge{font-size:.7rem;font-weight:700;padding:4px 8px;border-radius:var(--radius-sm);background:#00f0ff1a;border:1px solid var(--accent-cyan);color:var(--accent-cyan);display:inline-block}.matrix-tabs{display:flex;gap:4px;margin-bottom:12px}.matrix-tab-btn{flex:1;min-height:44px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);font-size:.7rem;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.matrix-tab-btn.active{background:#00f0ff26;border-color:var(--accent-cyan);color:#fff}.hormone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.hormone-cell{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 10px;cursor:pointer;transition:all var(--transition-fast)}.hormone-cell:hover{border-color:#00f0ff4d;transform:translateY(-1px)}.hormone-name{font-size:.68rem;color:var(--text-muted);font-weight:600;display:flex;justify-content:space-between}.hormone-val{font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700;color:var(--text-primary);margin:3px 0}.homeostasis-manifold-badge{display:flex;align-items:center;justify-content:space-between;background:#00f0ff0f;border:1px solid rgba(0,240,255,.25);border-radius:var(--radius-sm);padding:8px 12px;font-size:.72rem;font-family:JetBrains Mono,monospace;color:var(--text-primary)}.body-schema-box{background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px}.body-schema-header{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--accent-cyan);font-weight:700;text-transform:uppercase;margin-bottom:8px}.body-schema-intentions{display:flex;flex-direction:column;gap:6px;font-size:.72rem;font-family:JetBrains Mono,monospace}.intention-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:6px 10px;transition:all var(--transition-fast)}.intention-item:hover{border-color:#00f0ff4d}.metric-bottom-sheet{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:600px;max-height:85dvh;overflow-y:auto;margin:0 auto;border:1px solid var(--border-card);border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--bg-surface);-webkit-backdrop-filter:var(--backdrop-glass);backdrop-filter:var(--backdrop-glass);color:var(--text-primary);padding:1.25rem;padding-bottom:calc(1.5rem + var(--safe-bottom));box-shadow:var(--shadow-lg);z-index:2000;outline:none}.metric-bottom-sheet::backdrop{background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sheet-drag-pill{width:40px;height:4px;background:#fff3;border-radius:2px;margin:0 auto 12px;cursor:pointer}.sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sheet-title-group{display:flex;align-items:center;gap:8px}.metric-icon{font-size:1.3rem}.metric-name{font-size:1.1rem;font-weight:700}.sheet-close-btn{min-width:44px;min-height:44px;background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.sheet-description{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.sheet-impact-card{background:#00f0ff12;border:1px solid rgba(0,240,255,.2);border-radius:var(--radius-md);padding:10px 12px;margin-bottom:14px}.sheet-impact-heading{font-size:.72rem;font-weight:700;color:var(--accent-cyan);text-transform:uppercase;margin-bottom:4px}.sheet-impact-text{font-size:.8rem;color:#e0f2fe}.sheet-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sheet-stat-box{background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 12px;display:flex;flex-direction:column}.stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.stat-value{font-size:1.05rem;font-weight:700;margin-top:2px}.confirm-modal,.caregiver-modal{margin:auto;border:1px solid var(--border-card);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text-primary);padding:1.5rem;max-width:440px;box-shadow:var(--shadow-lg);outline:none}.confirm-modal::backdrop,.caregiver-modal::backdrop{background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-title{font-size:1.15rem;margin-bottom:8px}.modal-body{font-size:.85rem;color:var(--text-secondary);margin-bottom:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal-btn{min-height:44px;padding:8px 16px;border-radius:var(--radius-sm);font-weight:700;font-size:.8rem;cursor:pointer;border:1px solid transparent}.btn-secondary{background:var(--bg-card);border-color:var(--border-subtle);color:var(--text-primary)}.btn-primary{background:var(--accent-cyan);color:#05070a}.btn-danger{background:var(--accent-red);color:#fff}.modern-input{width:100%;min-height:44px;padding:8px 12px;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#fff;font-size:.85rem;outline:none;margin-bottom:12px}.modern-input:focus{border-color:var(--accent-cyan)}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-secondary);margin-bottom:16px;cursor:pointer}.toast-container{position:fixed;bottom:calc(70px + var(--safe-bottom));right:16px;z-index:3000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast-item{background:var(--bg-surface);border:1px solid var(--accent-cyan);box-shadow:var(--shadow-md);border-radius:var(--radius-md);padding:10px 16px;font-size:.8rem;color:#fff;display:flex;align-items:center;gap:8px;animation:toastSlide .3s ease;pointer-events:auto}@keyframes toastSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.btn-icon-tiny{background:#ffffff14;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:.75rem;padding:2px 6px;line-height:1;transition:all var(--transition-fast)}.btn-icon-tiny:hover{background:var(--accent-cyan);color:#05070a}.filter-tab-btn{background:transparent;border:none;color:var(--text-muted);font-size:.68rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast)}.filter-tab-btn.active{background:#00f0ff2e;color:var(--accent-cyan);font-weight:700}.simple-vitals-card{display:flex;flex-direction:column;gap:12px}.simple-vitals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.simple-vitals-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary)}.simple-vitals-hint{font-size:.65rem;color:var(--text-muted)}.simple-vitals-grid{display:flex;flex-direction:column;gap:10px}.vital-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px;cursor:pointer;transition:all var(--transition-fast)}.vital-card:hover{border-color:#00f0ff59;transform:translateY(-1px);background:#0e1420d9}.vital-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.vital-info{display:flex;align-items:center;gap:8px}.vital-icon{font-size:1.15rem}.vital-label{font-size:.82rem;font-weight:700;color:var(--text-primary)}.vital-val{font-size:.95rem;font-weight:700;color:var(--text-primary)}.vital-track{width:100%;height:9px;background:#ffffff14;border-radius:6px;overflow:hidden;margin-bottom:5px}.vital-fill{height:100%;border-radius:6px;transition:width .4s ease}.fill-energy{background:linear-gradient(90deg,#fa0,#0f8)}.fill-mood{background:linear-gradient(90deg,#00bfff,#b388ff)}.fill-calmness{background:linear-gradient(90deg,#00f0ff,#0f8)}.fill-trust{background:linear-gradient(90deg,#ff007f,#b388ff)}.vital-status{font-size:.72rem;color:var(--text-muted);font-weight:500}.sheet-plain-box{background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px}.sheet-tip-box{background:#00f0ff14;border-left:3px solid var(--accent-cyan);padding:6px 10px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.sheet-science-details summary::-webkit-details-marker{color:var(--accent-cyan)}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.arena-card:focus-visible,.hormone-cell:focus-visible,.vital-card:focus-visible,.filter-tab-btn:focus-visible,.btn-icon:focus-visible,.caregiver-btn:focus-visible,.lens-btn:focus-visible,.control-btn:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px;box-shadow:0 0 12px #00f0ff73}