*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#f0f6ff;--bg-secondary:#fff;--bg-tertiary:#e8f0fe;--bg-elevated:#dce7f7;--accent-amber:#3b82f6;--accent-gold:#60a5fa;--accent-crimson:#1d4ed8;--accent-crimson-light:#2563eb;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--text-muted:#94a3b8;--success:#22c55e;--success-dark:#16a34a;--error:#ef4444;--error-dark:#dc2626;--warning:#f59e0b;--info:#3b82f6;--twitter-blue:#1da1f2;--purple-accent:#8b5cf6;--glass-bg:#ffffffb3;--glass-border:#3b82f626;--glass-shadow:0 8px 32px 0 #3b82f614;--border-subtle:#3b82f61a;--border-medium:#3b82f633;--border-strong:#3b82f64d;--font-serif:"Georgia","Times New Roman",serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter",sans-serif;--font-mono:"SF Mono","Monaco","Courier New",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:.9375rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--sidebar-width:320px;--header-height:64px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-smooth:.4s cubic-bezier(.4,0,.2,1);--transition-butter:.6s cubic-bezier(.4,0,.2,1);--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px}body,html{min-height:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;line-height:1.2}p{color:var(--text-secondary);margin:0}a{text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-smooth);border:none;outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-amber);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.skip-link{background:var(--accent-amber);color:var(--bg-primary);z-index:10000;border-radius:0 0 var(--radius-md) 0;padding:8px 16px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:all var(--transition-smooth)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dashboard-container{background:var(--bg-primary);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-subtle);height:100vh;padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{text-align:center;padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle)}.ferb-brand{margin-bottom:var(--space-md)}.ferb-title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:.1em;background:linear-gradient(135deg, var(--accent-amber), var(--accent-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0}.ferb-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin:var(--space-xs) 0 0 0;font-style:italic}.status-row{justify-content:center;align-items:center;gap:var(--space-sm);display:flex}.connection-status{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-full);border:1px solid var(--border-subtle);font-size:var(--text-xs);transition:all .2s;display:inline-flex}.status-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background-color .3s}.status-indicator.pulse{animation:2s ease-in-out infinite pulse;box-shadow:0 0 8px}.status-label{color:var(--text-secondary);font-weight:var(--font-medium);white-space:nowrap}.system-health{background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-top:calc(var(--space-md) * -.5);overflow:hidden}.health-toggle{width:100%;padding:var(--space-sm) var(--space-md);cursor:pointer;color:var(--text-secondary);font-family:inherit;font-size:var(--text-xs);background:0 0;border:none;justify-content:space-between;align-items:center;transition:background .15s;display:flex}.health-toggle:hover{background:var(--bg-tertiary)}.toggle-left{align-items:center;gap:var(--space-sm);display:flex}.health-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:all .2s}.health-dot.warn{background:#f59e0b;animation:2s infinite pulse;box-shadow:0 0 6px #3b82f680}.health-dot.ok{background:#22c55e;box-shadow:0 0 6px #22c55e80}.toggle-label{font-weight:var(--font-medium)}.toggle-summary{color:var(--text-muted);background:var(--bg-primary);border-radius:3px;padding:1px 5px;font-size:.625rem}.health-checks{padding:var(--space-xs) var(--space-md) var(--space-sm);gap:var(--space-xs);border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.health-check{align-items:center;gap:var(--space-xs);font-size:var(--text-xs);padding:2px 0;display:flex}.check-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.check-dot.fail{background:#ef4444}.check-dot.ok{background:#22c55e}.check-icon{color:var(--text-muted);flex-shrink:0}.check-label{color:var(--text-secondary);flex:1}.check-value{color:var(--text-muted);font-family:var(--font-mono);font-size:.6875rem}.check-value.fail{color:#ef4444}.state-card{padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex}.mood-row{align-items:center;gap:var(--space-md);display:flex}.mood-icon{color:var(--text-secondary);filter:drop-shadow(0 0 6px);justify-content:center;align-items:center;display:flex}.mood-info{flex-direction:column;display:flex}.mood-label{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary)}.mode-label{font-size:var(--text-xs);color:var(--accent-amber);font-weight:var(--font-medium)}.energy-row{align-items:center;gap:var(--space-sm);display:flex}.energy-label{font-size:var(--text-xs);color:var(--text-muted);min-width:40px}.energy-bar{background:var(--bg-tertiary);border-radius:3px;flex:1;height:6px;overflow:hidden}.energy-fill{background:var(--accent-amber);border-radius:3px;height:100%}.energy-value{font-size:var(--text-xs);color:var(--text-secondary);text-align:right;min-width:30px}.intel-card{padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex}.iq-row{align-items:center;gap:var(--space-sm);display:flex}.iq-icon{color:var(--accent-amber)}.iq-score{font-size:var(--text-xl);color:var(--accent-gold);font-weight:900}.iq-label{font-size:var(--text-xs);color:var(--text-muted)}.iq-level{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--accent-amber);margin-left:auto}.intel-stats{padding-top:var(--space-sm);border-top:1px solid var(--border-subtle);justify-content:space-around;display:flex}.intel-stat{font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:4px;display:flex}.intel-stat svg{color:var(--text-muted)}.badges-panel{background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transition:all var(--transition-smooth);overflow:hidden}.badges-toggle{width:100%;padding:var(--space-md);cursor:pointer;color:var(--text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.badges-toggle-left{align-items:center;gap:var(--space-sm);display:flex}.badges-title{font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);margin:0}.badges-count{font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:2px 8px}.badges-progress{background:var(--bg-tertiary);height:3px;margin:0 var(--space-md)}.badges-progress-fill{background:linear-gradient(90deg, var(--accent-amber), var(--accent-gold));border-radius:2px;width:8.33333%;height:100%}.quick-links{padding-top:var(--space-md);border-top:1px solid var(--border-subtle);flex-direction:column;gap:6px;margin-top:auto;display:flex}.pump-profile-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);text-align:center;font-size:.7rem;font-weight:600}.quick-link{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm);font-size:var(--text-sm);color:#00d181;border-radius:var(--radius-md);background:#00d1811a;border:1px solid #00d18133;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.quick-link:hover{background:#00d18133}.main-content{margin-left:var(--sidebar-width);padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;flex:1;max-width:100%;display:flex}.dash-topnav{padding:var(--space-sm) 0;animation:slideUp var(--transition-smooth) ease-out;justify-content:space-between;align-items:center;display:flex}.dashboard-title{font-size:var(--text-2xl);color:var(--text-primary);align-items:center;gap:var(--space-xs);margin:0;font-weight:900;display:flex}.title-accent{color:var(--accent-amber);font-weight:var(--font-bold)}.header-links{gap:var(--space-sm);display:flex}.nav-link{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--accent-amber)}.stats-grid{gap:var(--space-md);animation:slideUp var(--transition-smooth) ease-out;grid-template-columns:repeat(3,1fr);animation-delay:50ms;animation-fill-mode:both;display:grid}.stat-card{padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:6px;transition:all .2s;display:flex}.stat-card:hover{border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f614}.stat-card-highlight{background:linear-gradient(135deg,#3b82f60f 0%,#3b82f605 100%);border-color:#3b82f633}.stat-card-top{justify-content:space-between;align-items:center;display:flex}.stat-card-icon{color:var(--accent-amber);display:flex}.stat-card-badge{color:var(--accent-amber);border-radius:var(--radius-sm);background:#3b82f61f;padding:2px 8px;font-size:.7rem;font-weight:700}.stat-card-value{color:var(--text-primary);font-size:1.4rem;font-weight:800;line-height:1.1}.stat-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:500}.coming-soon-card{align-items:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);animation:slideUp var(--transition-smooth) ease-out;animation-delay:.1s;animation-fill-mode:both;display:flex}.coming-soon-icon{width:64px;min-width:64px;height:64px;color:var(--accent-amber);background:linear-gradient(135deg,#3b82f626 0%,#3b82f60d 100%);border-radius:16px;justify-content:center;align-items:center;display:flex}.coming-soon-text h2{color:var(--text-primary);margin:0 0 4px;font-size:1.2rem}.coming-soon-text p{color:var(--text-tertiary);max-width:400px;margin:0;font-size:.9rem}.docs-container{background:var(--bg-primary);min-height:100vh}.docs-topbar{padding:var(--space-sm) var(--space-xl);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.docs-topbar-left{align-items:center;gap:var(--space-md);display:flex}.docs-logo{align-items:center;gap:var(--space-sm);color:var(--text-primary);font-weight:var(--font-semibold);font-size:var(--text-lg);text-decoration:none;display:flex}.docs-logo:hover{color:var(--accent-amber)}.docs-topbar-right{align-items:center;gap:var(--space-md);display:flex}.docs-topbar-link{padding:var(--space-sm);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-smooth);align-items:center;display:flex}.docs-topbar-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.docs-main{max-width:800px;padding:var(--space-2xl) var(--space-xl);flex:1;margin:0 auto}.docs-hero{margin-bottom:var(--space-2xl)}.docs-back-link{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-xl);transition:all var(--transition-smooth);text-decoration:none;display:inline-flex}.docs-back-link:hover{background:var(--bg-elevated);border-color:var(--accent-amber);color:var(--accent-amber)}.docs-hero-content{text-align:center;padding:var(--space-lg) 0}.docs-hero h1{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-sm)}.docs-hero-subtitle{font-size:var(--text-lg);color:var(--text-tertiary)}.docs-section{margin-bottom:var(--space-2xl)}.docs-section h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.docs-features-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.docs-feature{padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.docs-feature-icon{background:var(--bg-tertiary);border-radius:var(--radius-md);width:40px;height:40px;color:var(--accent-amber);margin-bottom:var(--space-md);justify-content:center;align-items:center;display:flex}.docs-feature h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.docs-feature p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0;line-height:1.5}.docs-links-grid{gap:var(--space-sm);flex-direction:column;display:flex}.docs-link-card{padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-smooth);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.docs-link-card:hover{border-color:var(--accent-amber)}.docs-link-card:hover>svg{color:var(--accent-amber)}.docs-link-card>svg{color:var(--text-muted);transition:color var(--transition-smooth)}.docs-link-content h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-xs)}.docs-link-content p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.docs-resources-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.docs-resource-card{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-smooth);text-decoration:none;display:flex}.docs-resource-card:hover{border-color:var(--accent-amber)}.docs-resource-card>svg{color:var(--accent-amber);flex-shrink:0}.docs-resource-card h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-xs)}.docs-resource-card p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.docs-footer{justify-content:center;align-items:center;gap:var(--space-sm);padding-top:var(--space-xl);border-top:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-muted);display:flex}.docs-footer-sep{opacity:.3}.mind-viz{padding:var(--space-2xl) var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--space-2xl);flex-direction:column;align-items:center;display:flex}.mind-viz-badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--accent-amber);color:var(--bg-primary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-xl);display:inline-flex}.mind-viz-loop{aspect-ratio:1;width:100%;max-width:500px;position:relative}.mind-viz-svg{width:100%;height:100%}@keyframes flowRotate{0%{stroke-dashoffset:0}to{stroke-dashoffset:-640px}}.mind-viz-flow{transform-origin:50%;animation:8s linear infinite flowRotate}.mind-viz-node{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-smooth);max-width:180px;display:flex;position:absolute;transform:translate(-50%,-50%)}.mind-viz-node:hover{border-color:var(--accent-amber);transform:translate(-50%,-50%)scale(1.05)}.mind-viz-node-icon{background:var(--bg-tertiary);border-radius:var(--radius-md);width:36px;height:36px;color:var(--accent-amber);flex-shrink:0;justify-content:center;align-items:center;display:flex}.mind-viz-node-content{flex-direction:column;gap:2px;min-width:0;display:flex}.mind-viz-node-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.mind-viz-node-desc{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.3}.mind-viz-tagline{margin-top:var(--space-xl);font-size:var(--text-base);color:var(--text-secondary);text-align:center;max-width:400px}@media (max-width:600px){.mind-viz-loop{max-width:350px}.mind-viz-node{padding:var(--space-xs) var(--space-sm);max-width:140px}.mind-viz-node-icon{width:28px;height:28px}.mind-viz-node-desc{display:none}}@media (max-width:768px){.docs-main{padding:var(--space-lg)}.docs-hero h1{font-size:var(--text-2xl)}}@media (max-width:1024px){:root{--sidebar-width:280px}}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--sidebar-width:0px;--text-base:.9375rem}html{font-size:14px}.sidebar{display:none}.dashboard-container{flex-direction:column}.main-content{margin-left:0;padding-top:0}.dash-topnav{align-items:flex-start;gap:var(--space-sm);padding-top:var(--space-md);flex-direction:column}.dashboard-title{font-size:var(--text-xl)}.coming-soon-card{text-align:center;flex-direction:column}}@media (max-width:640px){.connection-status:not(.compact){padding:var(--space-xs)}.connection-status .status-label{display:none}}@media (max-width:480px){:root{--space-lg:1rem;--space-xl:1.5rem}html{font-size:13px}.main-content{padding:var(--space-sm)}.dashboard-title{font-size:var(--text-lg)}.stats-grid{grid-template-columns:1fr}}