:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--bg-elevated:#f1f5f9;--bg-hover:#e2e8f0;--pastel-blue:#a5d8ff;--pastel-blue-dark:#4dabf7;--pastel-purple:#d0bfff;--pastel-purple-dark:#9775fa;--pastel-green:#b2f2bb;--pastel-green-dark:#51cf66;--pastel-mint:#96f2d7;--pastel-mint-dark:#38d9a9;--pastel-grey:#dee2e6;--pastel-grey-dark:#adb5bd;--pastel-pink:#fcc2d7;--pastel-pink-dark:#f783ac;--pastel-yellow:#ffec99;--pastel-yellow-dark:#ffd43b;--pastel-coral:#ffc9c9;--pastel-coral-dark:#ff8787;--accent:#0f172a;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-amber:#f59e0b;--accent-red:#ef4444;--accent-purple:#8b5cf6;--glass-surface:rgba(255,255,255,.85);--glass-border:rgba(0,0,0,.06);--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-label:#1e293b;--border:rgba(0,0,0,.08);--border-strong:rgba(0,0,0,.15);--glow-blue:rgba(59,130,246,.3);--glow-green:rgba(16,185,129,.3);--glow-purple:rgba(139,92,246,.3);--glow-amber:rgba(245,158,11,.3);--holo-cyan:#3b82f6;--holo-cyan-glow:rgba(59,130,246,.3);--plasma-purple:#8b5cf6;--plasma-purple-glow:rgba(139,92,246,.3);--energy-green:#10b981;--energy-green-glow:rgba(16,185,129,.3);--signal-amber:#f59e0b;--signal-red:#ef4444;--bg-void:#0f172a;--glow-text:0 0 20px rgba(59,130,246,.2);--radius-xl:16px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--font-main:"B612", "Inter", -apple-system, sans-serif;--font-mono:"B612 Mono", "Consolas", monospace;--text-xs:.875rem;--text-sm:1rem;--text-base:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 10px 30px rgba(0,0,0,.08);--shadow-pastel-blue:0 4px 20px rgba(165,216,255,.4);--shadow-pastel-purple:0 4px 20px rgba(208,191,255,.4);--shadow-pastel-green:0 4px 20px rgba(178,242,187,.4);--transition-fast:.12s ease;--transition-normal:.2s ease;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}:before{box-sizing:border-box;margin:0;padding:0}:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-main);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);min-height:100vh;font-weight:500;line-height:1.5;overflow:hidden}.app-container{height:100vh;background:var(--bg-primary);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.header{padding:var(--space-xs) var(--space-sm);background:var(--bg-primary);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;display:flex}.header-title{align-items:center;gap:var(--space-xs);font-size:var(--text-base);letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);font-weight:700;display:flex}.header-title .dot{background:linear-gradient(135deg,var(--pastel-purple-dark),var(--pastel-blue-dark));width:8px;height:8px;box-shadow:0 0 8px var(--glow-purple);-webkit-border-radius:50%;border-radius:50%}.header-status{align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--text-secondary);font-weight:600;display:flex}.header-time{font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-primary);font-weight:700}.main-content{padding:var(--space-xs);flex-direction:column;flex:1;min-height:0;max-height:100%;display:flex;overflow:hidden!important}.screen-container{flex:1;min-height:0;max-height:100%;overflow:hidden!important}.screen{flex-direction:column;height:100%;min-height:0;max-height:100%;padding-bottom:0;display:flex;overflow:hidden!important}html,body{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden!important}.phoenix-dash,.cluster-screen,.navigation-screen,.media-screen,.settings-screen,.hive-swarm-screen,[class*=-screen],[class*=Screen]{flex-direction:column!important;height:100%!important;max-height:100%!important;display:flex!important;overflow:hidden!important}[class*=-screen]>*{flex-shrink:1;min-height:0;overflow:hidden}.screen>*{flex-shrink:1;min-height:0;overflow:hidden}.grid,[class*=grid]{flex:1;min-height:0;max-height:100%;overflow:hidden}.screen>div:first-child{flex-direction:column;flex:1;min-height:0;display:flex}.screen>.phoenix-dash{flex:1;height:100%;min-height:0;display:grid}.module-switcher{background:var(--pastel-grey);-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);margin-bottom:var(--space-xs);flex-wrap:wrap;flex-shrink:0;gap:2px;max-width:100%;padding:2px;display:flex;overflow:hidden}.module-btn{padding:var(--space-sm) var(--space-md);-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-main);font-size:var(--text-xs);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-smooth);white-space:nowrap;background:0 0;border:none;flex:none;min-height:36px;font-weight:700}.module-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.module-btn:hover:not(.active){color:var(--text-secondary);background:#ffffff80}.nav-bar{padding:var(--space-xs);background:linear-gradient(180deg,var(--bg-secondary) 0%,rgba(165,216,255,.1) 100%);border-top:1px solid var(--border);min-height:60px;padding-bottom:max(var(--space-xs),env(safe-area-inset-bottom));flex-wrap:wrap;flex-shrink:0;justify-content:space-evenly;align-items:stretch;gap:2px;display:flex;overflow:hidden}.nav-item{padding:var(--space-xs) var(--space-sm);background:var(--bg-primary);-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);cursor:pointer;min-width:56px;transition:all var(--transition-smooth);border:1px solid transparent;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;display:flex}.nav-item:hover{border-color:var(--pastel-blue);background:#a5d8ff26}.nav-item.active{background:linear-gradient(135deg,var(--pastel-blue),var(--pastel-purple));box-shadow:var(--shadow-pastel-blue);border-color:transparent}.nav-icon{opacity:.9;font-size:1rem;line-height:1}.nav-item.active .nav-icon{opacity:1}.nav-label{font-family:var(--font-main);color:var(--text-primary);text-transform:uppercase;letter-spacing:0;white-space:nowrap;font-size:.6rem;font-weight:700}.nav-item.active .nav-label{color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid var(--border);-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);padding:var(--space-md);transition:all var(--transition-smooth)}.card:hover{border-color:var(--pastel-blue);box-shadow:var(--shadow-pastel-blue)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-md);font-family:var(--font-main);font-size:var(--text-sm);letter-spacing:.5px;text-transform:uppercase;-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-smooth);border:2px solid transparent;width:100%;min-height:44px;font-weight:700;display:flex}.btn-primary{background:linear-gradient(135deg,var(--accent),#1e293b);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a4d}.btn-secondary{background:var(--pastel-grey);color:var(--text-primary);border-color:transparent}.btn-secondary:hover{background:var(--pastel-blue);border-color:var(--pastel-blue-dark)}.btn-pastel-blue{background:var(--pastel-blue);color:var(--text-primary)}.btn-pastel-blue:hover{background:var(--pastel-blue-dark);color:#fff}.btn-pastel-green{background:var(--pastel-green);color:var(--text-primary)}.btn-pastel-green:hover{background:var(--pastel-green-dark);color:#fff}.btn-pastel-purple{background:var(--pastel-purple);color:var(--text-primary)}.btn-pastel-purple:hover{background:var(--pastel-purple-dark);color:#fff}.stat-card{text-align:center;padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.65rem;font-weight:700}.stat-value{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--text-primary);font-weight:700}.badge{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);align-items:center;font-weight:700;display:inline-flex}.badge-success{background:var(--pastel-green);color:#166534}.badge-warning{background:var(--pastel-yellow);color:#854d0e}.badge-danger{background:var(--pastel-coral);color:#991b1b}.badge-info{background:var(--pastel-blue);color:#1e40af}.badge-purple{background:var(--pastel-purple);color:#5b21b6}.progress{background:var(--pastel-grey);-webkit-border-radius:var(--radius-full);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--pastel-blue),var(--pastel-purple));-webkit-border-radius:var(--radius-full);border-radius:var(--radius-full);height:100%;transition:width var(--transition-smooth)}.progress-bar.green{background:linear-gradient(90deg,var(--pastel-green),var(--pastel-mint))}.progress-bar.purple{background:linear-gradient(90deg,var(--pastel-purple),var(--pastel-pink))}.voice-wave{justify-content:center;align-items:center;gap:4px;height:40px;display:flex}.voice-wave span{background:linear-gradient(180deg,var(--pastel-blue-dark),var(--pastel-purple-dark));-webkit-border-radius:var(--radius-full);border-radius:var(--radius-full);width:4px;animation:.6s ease-in-out infinite voiceWave}.voice-wave span:first-child{height:12px;animation-delay:0s}.voice-wave span:nth-child(2){height:20px;animation-delay:.1s}.voice-wave span:nth-child(3){height:28px;animation-delay:.2s}.voice-wave span:nth-child(4){height:20px;animation-delay:.3s}.voice-wave span:nth-child(5){height:12px;animation-delay:.4s}@keyframes voiceWave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.glass-card{background:var(--glass-surface);backdrop-filter:blur(20px);border:1px solid var(--glass-border);-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);padding:var(--space-md)}.glass-card.blue{background:#a5d8ff33;border-color:#a5d8ff66}.glass-card.purple{background:#d0bfff33;border-color:#d0bfff66}.glass-card.green{background:#b2f2bb33;border-color:#b2f2bb66}.grid{gap:var(--space-sm);display:grid}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.screen{animation:.15s forwards screenIn}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:0;height:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.text-muted{color:var(--text-muted)}.text-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.text-pastel-blue{color:var(--pastel-blue-dark)}.text-pastel-purple{color:var(--pastel-purple-dark)}.text-pastel-green{color:var(--pastel-green-dark)}.text-pastel-coral{color:var(--pastel-coral-dark)}.bg-pastel-blue{background:var(--pastel-blue)}.bg-pastel-purple{background:var(--pastel-purple)}.bg-pastel-green{background:var(--pastel-green)}.bg-pastel-grey{background:var(--pastel-grey)}body{transition:background 3s,color 1s}#app,.phoenix-app,body{background:var(--daylight-background,var(--bg-primary))}.daylight-indicator{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;opacity:.6;z-index:100;background:var(--glass-surface);-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);padding:4px 8px;font-weight:700;position:fixed;top:8px;right:8px}:root{--touch-target:44px;--safe-area-bottom:env(safe-area-inset-bottom,0);--safe-area-top:env(safe-area-inset-top,0)}@media (min-width:480px){.header{padding:var(--space-sm) var(--space-md);height:48px}.header-title{font-size:var(--text-lg);letter-spacing:1.5px}.nav-bar{gap:var(--space-xs);min-height:64px}.nav-item{min-width:68px;padding:var(--space-sm);gap:3px}.nav-icon{font-size:1.1rem}.nav-label{font-size:.7rem}.main-content{padding:var(--space-sm)}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.card,.glass-card,.stat-card{padding:var(--space-lg);-webkit-border-radius:var(--radius-lg);border-radius:var(--radius-lg)}.stat-value{font-size:var(--text-2xl)}.btn{width:auto;min-width:120px}}@media (min-width:768px){.header{padding:var(--space-sm) var(--space-xl);height:52px}.header-title{font-size:var(--text-xl);letter-spacing:2px}.header-time{font-size:var(--text-xl)}.nav-bar{justify-content:center;gap:var(--space-sm);min-height:68px}.nav-item{min-width:80px;padding:var(--space-sm) var(--space-md);gap:4px}.nav-icon{font-size:1.2rem}.nav-label{letter-spacing:.5px;font-size:.75rem}.main-content{padding:var(--space-md);width:100%}.grid-3,.grid-4{grid-template-columns:repeat(3,1fr)}.card,.glass-card,.stat-card{padding:var(--space-xl)}.module-switcher{max-width:400px}}@media (min-width:1024px){.header{padding:var(--space-md) var(--space-xl);height:56px}.nav-bar{gap:var(--space-md);min-height:72px}.nav-item{min-width:92px;padding:var(--space-sm) var(--space-lg);gap:4px}.nav-icon{font-size:1.3rem}.nav-label{font-size:.8rem}.main-content{padding:var(--space-lg);width:100%}.grid-4{grid-template-columns:repeat(4,1fr)}.card:hover,.nav-item:hover,.btn:hover{transform:translateY(-2px)}.stat-value{font-size:var(--text-3xl)}}@media (min-width:1440px){:root{font-size:18px}.main-content{width:100%}.header{height:60px}}@media (min-width:1920px){:root{font-size:20px}.header{height:64px}.nav-bar{min-height:76px}.nav-item{gap:5px;min-width:100px}.nav-icon{font-size:1.4rem}.nav-label{font-size:.85rem}.main-content{width:100%}}@media (max-height:500px) and (orientation:landscape){.header{height:40px;padding:var(--space-xs) var(--space-md)}.header-title{font-size:var(--text-sm)}.nav-bar{min-height:52px}.nav-item{gap:var(--space-sm);min-width:auto;padding:var(--space-xs) var(--space-md);flex-direction:row}.nav-icon{font-size:1rem}.nav-label{font-size:.7rem}.main-content{padding:var(--space-xs)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}@media (max-width:400px) and (min-height:600px){.nav-bar{flex-wrap:wrap;height:auto;max-height:120px}.nav-item{width:calc(25% - 4px);min-width:0}}@media (min-width:800px) and (max-height:400px){.header{display:none}.nav-bar{backdrop-filter:blur(10px);background:#000000b3;height:40px;position:fixed;bottom:0;left:0;right:0}.main-content{height:100vh;padding:var(--space-sm)}}@media (pointer:coarse){.btn,.nav-item,.card{min-height:var(--touch-target)}.btn:active,.nav-item:active,.card:active{opacity:.9;transform:scale(.98)}.card:hover,.nav-item:hover,.btn:hover{transform:none}}@media (pointer:fine){.btn,.nav-item,.card{transition:all var(--transition-smooth)}}@supports (padding-bottom:env(safe-area-inset-bottom)){.nav-bar{padding-bottom:max(var(--space-xs),env(safe-area-inset-bottom))}.header{padding-top:max(var(--space-sm),env(safe-area-inset-top))}.app-container{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (prefers-contrast:high){:root{--text-primary:#000;--text-secondary:#1a1a1a;--border:rgba(0,0,0,.3)}.nav-item.active{border:2px solid #000}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.screen{animation:none}}.app-container:has(.phoenix-dash) .nav-bar{display:none!important}.app-container:has(.phoenix-dash) .header{display:none!important}.app-container:has(.phoenix-dash) .module-switcher{display:none!important}.app-container:has(.phoenix-dash) .agentic-ticker{display:none!important}.app-container:has(.phoenix-dash) .main-content{height:100vh!important;height:100dvh!important;padding:0!important}@media (max-width:480px){.map-container{height:150px!important}.route-card{padding:var(--space-md)!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.pause-buttons{flex-direction:column!important}.pause-btn{width:100%!important}.climate-dial{width:200px!important;height:200px!important}.hero-stat{padding:var(--space-md)!important}.hero-stat-value{font-size:var(--text-xl)!important}}:root{--touch-target-min:88px;--touch-target-large:110px;--touch-target-xl:132px;--touch-gap:16px;--touch-gap-large:24px;--font-glance:2.5rem;--font-readable:1.375rem;--font-label:1rem;--font-small:.875rem;--hc-bg:#000008;--hc-surface:#0a0a18;--hc-text:#fff;--hc-text-secondary:#9cf;--hc-primary:#00f0ff;--hc-success:#0f8;--hc-warning:#fd0;--hc-danger:#ff2d55}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body:after{animation:none!important}.app-container:before{animation:none!important}.app-bg:before{animation:none!important}.app-bg:after{animation:none!important}}[data-high-contrast=true]{--bg-void:var(--hc-bg);--bg-deep:var(--hc-bg);--bg-surface:var(--hc-surface);--bg-card:rgba(20,20,40,.95);--text-primary:var(--hc-text);--text-secondary:var(--hc-text-secondary);--holo-cyan:var(--hc-primary);--energy-green:var(--hc-success);--warn-yellow:var(--hc-warning);--danger-red:var(--hc-danger)}[data-high-contrast=true] .card{border:2px solid var(--hc-text-secondary);background:var(--hc-surface)}[data-high-contrast=true] .btn{border:2px solid;font-weight:700}[data-high-contrast=true] .stat-value,[data-high-contrast=true] .glance-number{text-shadow:0 0 30px}[data-high-contrast=true] body:after{display:none}[data-high-contrast=true] .app-container:before{display:none}[data-high-contrast=true] .app-bg:before{display:none}[data-high-contrast=true] .app-bg:after{display:none}.btn-mega{min-width:var(--touch-target-xl);min-height:var(--touch-target-large);padding:var(--space-lg) var(--space-xl);font-size:var(--font-readable);-webkit-border-radius:var(--radius-xl);border-radius:var(--radius-xl);justify-content:center;align-items:center;gap:var(--space-md);letter-spacing:1px;font-weight:700;display:flex}.quick-action{min-width:var(--touch-target-xl);min-height:var(--touch-target-large);padding:var(--space-lg);justify-content:center;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-border-radius:var(--radius-xl);border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border);transition:all var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.quick-action:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#00f0ff1a,#b347ff1a,#00ff881a);position:absolute;inset:0}.quick-action:hover:before{opacity:1}.quick-action:focus:before{opacity:1}.quick-action:hover{border-color:var(--holo-cyan);box-shadow:var(--glow-cyan);transform:scale(1.03)}.quick-action:focus{border-color:var(--holo-cyan);box-shadow:var(--glow-cyan);transform:scale(1.03)}.quick-action:active{transform:scale(.98)}.quick-action-icon{filter:drop-shadow(0 0 15px);font-size:2.75rem;line-height:1}.quick-action-label{font-size:var(--font-label);text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.glance-number{font-family:var(--font-mono);background:linear-gradient(135deg,var(--holo-cyan),var(--text-primary));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px var(--holo-cyan-glow));background-clip:text;font-size:4.5rem;font-weight:800;line-height:1}.value-large{font-family:var(--font-mono);font-size:var(--font-glance);font-weight:700}.status-text{font-size:var(--font-readable);text-transform:uppercase;letter-spacing:2px;font-weight:700}.label-accessible{font-size:var(--font-label);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.quick-action-bar{padding:var(--space-md) var(--space-lg);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0));background:linear-gradient(to top,var(--bg-surface) 0%,rgba(12,12,26,.95) 100%);-webkit-backdrop-filter:blur(30px);border-top:1px solid var(--border-glow);z-index:1000;justify-content:space-around;align-items:center;gap:var(--touch-gap);display:flex;position:fixed;bottom:0;left:0;right:0}.quick-action-bar:before{content:"";background:linear-gradient(90deg,transparent,var(--holo-cyan),var(--plasma-purple),transparent);height:1px;position:absolute;top:0;left:0;right:0}.quick-action-bar .quick-action{border:1px solid var(--border);background:0 0;flex:1;max-width:140px;min-height:80px}.quick-action-bar .quick-action:hover{border-color:var(--holo-cyan);background:#00f0ff1a}.swipe-zone-left,.swipe-zone-right{z-index:500;width:70px;position:fixed;top:0;bottom:0}.swipe-zone-left{cursor:w-resize;left:0}.swipe-zone-right{cursor:e-resize;right:0}.swipe-indicator{-webkit-border-radius:var(--radius-xl);border-radius:var(--radius-xl);opacity:0;width:70px;height:140px;transition:opacity var(--transition-fast);pointer-events:none;z-index:501;backdrop-filter:blur(10px);background:linear-gradient(135deg,#00f0ff33,#b347ff33);justify-content:center;align-items:center;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.swipe-indicator.left{left:var(--space-sm);border-left:2px solid var(--holo-cyan)}.swipe-indicator.right{right:var(--space-sm);border-right:2px solid var(--plasma-purple)}.swipe-indicator.visible{opacity:1}.swipe-indicator:after{content:"‹";color:var(--holo-cyan);text-shadow:0 0 20px var(--holo-cyan-glow);font-size:3.5rem;font-weight:300}.swipe-indicator.right:after{content:"›";color:var(--plasma-purple);text-shadow:0 0 20px var(--plasma-glow)}[data-voice-mode=true] .main-content{opacity:.4;pointer-events:none;filter:blur(4px)}[data-voice-mode=true] .voice-overlay{display:flex}.voice-overlay{background:radial-gradient(ellipse at center,rgba(0,240,255,.1) 0%,var(--bg-void) 70%);justify-content:center;align-items:center;gap:var(--space-2xl);z-index:2000;backdrop-filter:blur(20px);flex-direction:column;display:none;position:fixed;inset:0}.voice-orb-large{background:radial-gradient(circle,var(--holo-cyan),var(--plasma-purple));width:220px;height:220px;box-shadow:0 0 60px var(--holo-cyan-glow),0 0 120px var(--plasma-glow),inset 0 0 60px #ffffff1a;-webkit-border-radius:50%;border-radius:50%;justify-content:center;align-items:center;animation:1.5s ease-in-out infinite voiceOrbPulse;display:flex}@keyframes voiceOrbPulse{0%,to{box-shadow:0 0 60px var(--holo-cyan-glow),0 0 120px var(--plasma-glow);transform:scale(1)}50%{box-shadow:0 0 100px var(--holo-cyan-glow),0 0 180px var(--plasma-glow);transform:scale(1.08)}}.voice-transcript-large{font-size:var(--font-glance);text-align:center;max-width:80%;color:var(--text-primary);text-shadow:0 0 30px var(--holo-cyan-glow);font-weight:300}.voice-hint{font-size:var(--font-readable);color:var(--text-muted)}.ai-prediction-bar{gap:var(--touch-gap);padding:var(--space-lg);-webkit-border-radius:var(--radius-xl);border-radius:var(--radius-xl);margin-bottom:var(--space-lg);background:linear-gradient(135deg,#00f0ff14,#b347ff14);border:1px solid rgba(0,240,255,.3);display:flex;position:relative;overflow:hidden}.ai-prediction-bar:before{content:"";background:linear-gradient(90deg,transparent,rgba(0,240,255,.1),transparent);width:100%;height:100%;animation:3s ease-in-out infinite predictionShine;position:absolute;top:0;left:-100%}@keyframes predictionShine{0%{left:-100%}to{left:100%}}.ai-prediction-action{min-height:var(--touch-target-min);align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);-webkit-border-radius:var(--radius-lg);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:#0000004d;border:1px solid transparent;flex:1;display:flex}.ai-prediction-action:hover{border-color:var(--holo-cyan);background:#00f0ff26;box-shadow:0 0 20px #00f0ff33}.ai-prediction-action .icon{filter:drop-shadow(0 0 10px);font-size:2.25rem}.ai-prediction-action .text{flex:1}.ai-prediction-action .label{font-size:var(--font-label);letter-spacing:1px;font-weight:700}.ai-prediction-action .reason{font-size:var(--font-small);color:var(--text-muted);margin-top:var(--space-xs)}.grid-accessible{gap:var(--touch-gap-large);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:600px){.grid-accessible{grid-template-columns:1fr}}:focus-visible{outline:3px solid var(--holo-cyan);outline-offset:4px;box-shadow:0 0 20px var(--holo-cyan-glow)}.btn:focus-visible{outline:3px solid var(--holo-cyan);box-shadow:var(--glow-cyan)}.quick-action:focus-visible{outline:3px solid var(--holo-cyan);box-shadow:var(--glow-cyan)}.card:focus-visible{outline:3px solid var(--holo-cyan);box-shadow:var(--glow-cyan)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-driving=true] .hide-while-driving{display:none!important}[data-driving=true] .show-while-driving{display:flex!important}.show-while-driving{display:none}[data-driving=true] .quick-action-bar{padding:var(--space-sm)}[data-driving=true] .quick-action-bar .quick-action{min-height:70px}.skeleton{-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);background:linear-gradient(90deg,#00f0ff0d,#b347ff1a,#00f0ff0d) 0 0/200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.haptic-feedback{animation:.15s ease-out haptic-pulse}@keyframes haptic-pulse{0%{transform:scale(1)}50%{transform:scale(.96)}to{transform:scale(1)}}.nav-accessible{justify-content:space-around;gap:var(--touch-gap);padding:var(--space-md);display:flex}.nav-accessible .nav-item{min-width:var(--touch-target-min);min-height:var(--touch-target-min);justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm);-webkit-border-radius:var(--radius-lg);border-radius:var(--radius-lg);flex-direction:column;display:flex}.nav-accessible .nav-icon{filter:drop-shadow(0 0 10px);font-size:2rem}.nav-accessible .nav-label{font-size:var(--font-small);font-weight:600}.agentic-ticker{padding:var(--space-xs) var(--space-md);cursor:pointer;transition:all var(--transition-smooth);background:linear-gradient(90deg,#00ff881a,#3b82f61a,#8b5cf61a);border-bottom:1px solid rgba(0,255,136,.3);flex-shrink:0;justify-content:space-between;align-items:center;height:36px;display:flex;overflow:hidden}.agentic-ticker:hover{background:linear-gradient(90deg,#0f83,#3b82f633,#8b5cf633)}.ticker-left{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.ticker-icon{font-size:1.2rem;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.ticker-label{font-size:var(--text-xs);letter-spacing:1px;color:var(--text-primary);font-weight:700}.ticker-status{-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);text-transform:uppercase;padding:2px 6px;font-size:.65rem;font-weight:700}.ticker-status.online{color:#0f8;background:#0f83}.ticker-status.offline{color:#fa0;background:#fa03}.ticker-center{margin:0 var(--space-md);flex:1;overflow:hidden}.ticker-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;animation:30s linear infinite tickerSlide;display:block;overflow:hidden}@keyframes tickerSlide{0%{transform:translate(0)}to{transform:translate(-10%)}}.ticker-right{align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.ticker-metric{font-family:var(--font-mono);font-size:var(--text-xs)}.ticker-metric .metric-value{color:#0f8;font-weight:700}.ticker-metric .metric-unit{color:var(--text-muted);font-size:.65rem}.safety-badge{-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);text-transform:uppercase;padding:2px 8px;font-size:.65rem;font-weight:700}.safety-badge.safety-optimal{color:#0f8;background:#0f83;box-shadow:0 0 8px #00ff884d}.safety-badge.safety-good{color:#3b82f6;background:#3b82f633}.safety-badge.safety-caution{color:#fa0;background:#fa03}.safety-badge.safety-warning{color:#f55;background:#f553}.safety-badge.safety-critical{color:#f05;background:#ff00554d;animation:.5s infinite criticalPulse}@keyframes criticalPulse{0%,to{opacity:1}50%{opacity:.5}}.ticker-expand{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.6rem;font-weight:700}.ai-dashboard{gap:var(--space-md);padding:var(--space-sm);background:linear-gradient(#00000005,#00ff8805);flex-direction:column;min-height:100%;display:flex}.process-header{padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.process-title{align-items:center;gap:var(--space-sm);display:flex}.process-icon{font-size:1.5rem}.process-title h1{font-size:var(--text-lg);letter-spacing:1px;margin:0;font-weight:700}.process-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin-left:var(--space-sm)}.process-mode{align-items:center;gap:var(--space-sm);display:flex}.mode-indicator{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm);-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);text-transform:uppercase;font-weight:700}.mode-indicator.offline{color:#e69500;background:#fa03}.mode-indicator.hybrid{color:#3b82f6;background:#3b82f633}.mode-indicator.cloud_enhanced{color:#00cc6a;background:#0f83}.mode-status{font-size:.65rem;font-weight:700}.mode-status.connected{color:#0f8}.mode-status.offline{color:#fa0}.process-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (min-width:768px){.process-grid{grid-template-columns:repeat(3,1fr)}}.process-section{background:var(--bg-card);border:1px solid var(--border);-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);padding:var(--space-md)}.section-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border);cursor:pointer;display:flex}.section-icon{font-size:1rem}.section-title{font-size:var(--text-sm);letter-spacing:.5px;text-transform:uppercase;flex:1;font-weight:700}.info-icon{opacity:.5;transition:opacity var(--transition-fast);font-size:.8rem}.section-header:hover .info-icon{opacity:1}.process-metrics{gap:var(--space-sm);flex-direction:column;display:flex}.metric-card{padding:var(--space-sm);background:var(--bg-secondary);-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.metric-card.clickable{cursor:pointer}.metric-card.clickable:hover{background:#3b82f61a;transform:translate(4px)}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:700}.metric-value{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--text-primary);font-weight:700}.metric-value.small{font-size:var(--text-sm)}.metric-detail{color:var(--text-muted);font-size:.65rem}.metric-status{text-transform:uppercase;font-size:.6rem;font-weight:700}.metric-status.active{color:#0f8}.metric-status.inactive{color:#f55}.metric-bar{background:var(--pastel-grey);-webkit-border-radius:var(--radius-full);border-radius:var(--radius-full);height:4px;margin-top:var(--space-xs);overflow:hidden}.bar-fill{-webkit-border-radius:var(--radius-full);border-radius:var(--radius-full);height:100%;transition:width var(--transition-smooth);background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.learning-visualization{gap:var(--space-md);flex-direction:column;display:flex}.neural-activity{-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);background:#000;overflow:hidden}.neural-activity canvas{width:100%;height:100px;display:block}.learning-metrics{gap:var(--space-xs);flex-direction:column;display:flex}.metric-row{padding:var(--space-xs);-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.metric-row.clickable{cursor:pointer}.metric-row.clickable:hover{background:#3b82f61a}.metric-row .metric-label{font-size:var(--text-xs)}.metric-row .metric-value{font-size:var(--text-sm)}.metric-row .metric-value.highlight,.metric-row .metric-value.good{color:#0f8}.metric-row .metric-value.warning{color:#fa0}.data-processed{text-align:center;padding:var(--space-md);-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);background:linear-gradient(135deg,#3b82f61a,#8b5cf61a)}.processed-label{color:var(--text-muted);text-transform:uppercase;font-size:.65rem;font-weight:700}.processed-value{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.processed-rate{color:#0f8;font-size:.65rem}.safety-gauge{padding:var(--space-md);justify-content:center;display:flex}.gauge-container{text-align:center;width:120px;position:relative}.safety-arc{width:120px;height:70px}.gauge-value{font-family:var(--font-mono);font-size:var(--text-2xl);margin-top:-20px;font-weight:700}.gauge-value.safety-optimal{color:#0f8}.gauge-value.safety-good{color:#3b82f6}.gauge-value.safety-caution{color:#fa0}.gauge-value.safety-warning{color:#f55}.gauge-value.safety-critical{color:#f05}.gauge-label{text-transform:uppercase;color:var(--text-muted);font-size:.65rem;font-weight:700}.safety-factors{gap:var(--space-xs);flex-direction:column;display:flex}.factor-row{gap:var(--space-sm);font-size:var(--text-xs);grid-template-columns:1fr 80px 40px;align-items:center;display:grid}.factor-name{text-transform:capitalize;color:var(--text-secondary)}.factor-bar{background:var(--pastel-grey);-webkit-border-radius:var(--radius-full);border-radius:var(--radius-full);height:6px;overflow:hidden}.factor-fill{-webkit-border-radius:var(--radius-full);border-radius:var(--radius-full);height:100%;transition:width var(--transition-smooth)}.factor-fill.excellent{background:#0f8}.factor-fill.good{background:#3b82f6}.factor-fill.warning{background:#fa0}.factor-fill.danger{background:#f55}.factor-value{font-family:var(--font-mono);text-align:right;font-weight:700}.agents-panel,.patterns-panel,.radiation-panel{background:var(--bg-card);border:1px solid var(--border);-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);padding:var(--space-md)}.panel-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border);display:flex}.panel-icon{font-size:1rem}.panel-title{font-size:var(--text-sm);letter-spacing:.5px;text-transform:uppercase;flex:1;font-weight:700}.task-count{color:#0f8;-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);background:#0f83;padding:2px 8px;font-size:.65rem;font-weight:700}.agents-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.agent-card{padding:var(--space-sm);background:var(--bg-secondary);-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);border-left:3px solid #3b82f6}.agent-card.running{border-left-color:#0f8}.agent-card.completed{opacity:.6;border-left-color:#888}.agent-name{font-size:var(--text-xs);margin-bottom:var(--space-xs);font-weight:700}.agent-progress{align-items:center;gap:var(--space-sm);display:flex}.progress-bar{background:var(--pastel-grey);-webkit-border-radius:var(--radius-full);border-radius:var(--radius-full);flex:1;height:4px;overflow:hidden}.progress-fill{-webkit-border-radius:var(--radius-full);border-radius:var(--radius-full);background:#0f8;height:100%;transition:width .2s}.progress-text{font-family:var(--font-mono);color:var(--text-muted);font-size:.65rem;font-weight:700}.agent-duration{color:var(--text-muted);margin-top:var(--space-xs);font-size:.6rem}.no-tasks{text-align:center;padding:var(--space-lg);color:var(--text-muted);font-size:var(--text-sm)}.patterns-stream{gap:var(--space-sm);flex-wrap:wrap;max-height:200px;display:flex;overflow-y:auto}.pattern-card{padding:var(--space-sm);background:var(--bg-secondary);-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);border-left:3px solid #3b82f6;flex:200px}.pattern-card.driving{border-left-color:#3b82f6}.pattern-card.environment{border-left-color:#10b981}.pattern-card.health{border-left-color:#ec4899}.pattern-card.traffic{border-left-color:#f59e0b}.pattern-card.weather{border-left-color:#06b6d4}.pattern-card.hazard{border-left-color:#ef4444}.pattern-card.efficiency{border-left-color:#8b5cf6}.pattern-type{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:2px;font-size:.6rem;font-weight:700}.pattern-description{font-size:var(--text-xs);color:var(--text-primary);line-height:1.4}.pattern-meta{gap:var(--space-sm);margin-top:var(--space-xs);font-size:.6rem;display:flex}.pattern-confidence{color:#3b82f6}.pattern-improvement{color:#0f8}.no-patterns{text-align:center;padding:var(--space-lg);color:var(--text-muted);font-size:var(--text-sm)}.radiation-grid{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.radiation-card{padding:var(--space-sm);background:var(--bg-secondary);-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);text-align:center}.radiation-card.main{background:linear-gradient(135deg,#ffff001a,#ff88001a);border:1px solid rgba(255,200,0,.3);grid-column:span 2}.rad-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:2px;font-size:.6rem;font-weight:700}.rad-value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700}.rad-value.normal{color:#0f8}.rad-value.warning{color:#fa0}.rad-unit{color:var(--text-muted);font-size:.7rem}.rad-comparison{color:var(--text-muted);margin-top:var(--space-xs);font-size:.6rem}.radiation-spectrum{margin-bottom:var(--space-md)}.spectrum-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:var(--space-xs);font-size:.65rem;font-weight:700}.radiation-spectrum canvas{-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);background:#000;width:100%;height:60px}.radiation-detail{gap:var(--space-xs);grid-template-columns:repeat(2,1fr);display:grid}.detail-row{padding:var(--space-xs);background:var(--bg-secondary);-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);justify-content:space-between;font-size:.65rem;display:flex}.detail-row span:first-child{color:var(--text-muted)}.detail-value{font-family:var(--font-mono);font-weight:700}.geekery-modal{z-index:1000;padding:var(--space-md);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.geekery-modal.hidden{display:none}.geekery-content{background:var(--bg-card);-webkit-border-radius:var(--radius-lg);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid rgba(0,255,136,.3);width:100%;max-width:500px;position:relative;box-shadow:0 0 40px #0f83}.geekery-close{top:var(--space-md);right:var(--space-md);font-size:var(--text-lg);cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast);position:absolute}.geekery-close:hover{color:var(--text-primary)}.geekery-content h2{font-size:var(--text-lg);margin-bottom:var(--space-md);color:#0f8;font-weight:700}.geekery-content p{font-size:var(--text-sm);margin-bottom:var(--space-md);color:var(--text-secondary);line-height:1.6}.geekery-science{margin-bottom:var(--space-md)}.geekery-science h3,.geekery-equation h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:var(--space-xs);font-weight:700}.geekery-equation code{font-family:var(--font-mono);font-size:var(--text-lg);color:#3b82f6;padding:var(--space-md);-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);text-align:center;background:#3b82f61a;display:block}.geekery-equation.hidden{display:none}@media (max-width:480px){.agentic-ticker{height:auto;padding:var(--space-xs);flex-wrap:wrap}.ticker-center{width:100%;margin:var(--space-xs) 0 0 0;order:3}.process-header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.process-title h1{font-size:var(--text-base)}.process-subtitle{display:none}.radiation-card.main{grid-column:span 1}}@media (min-width:1024px){.ai-dashboard{padding:var(--space-lg)}.process-grid{grid-template-columns:repeat(3,1fr)}.neural-activity canvas{height:150px}}.process-status-bar{gap:var(--space-xs);padding:var(--space-sm);border-bottom:2px solid var(--border);z-index:100;background:linear-gradient(#000000f2,#000000d9);grid-template-columns:repeat(4,1fr);display:grid;position:sticky;top:0}.critical-parameter{padding:var(--space-sm);background:var(--bg-card);-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);border-left:4px solid transparent;flex-direction:column;align-items:center;transition:all .2s;display:flex}.critical-parameter.status-normal{border-left-color:#0f8}.critical-parameter.status-attention{background:#ffaa001a;border-left-color:#fa0}.critical-parameter.status-alarm{background:#ff55551a;border-left-color:#f55;animation:.5s infinite alarm-pulse}.critical-parameter.status-critical{background:#ff005526;border-left-color:#f05;animation:.3s infinite critical-flash}@keyframes alarm-pulse{0%,to{background:#ff55551a}50%{background:#f553}}@keyframes critical-flash{0%,to{background:#ff005526;border-left-color:#f05}50%{background:#ff005559;border-left-color:#f37}}.param-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:var(--space-xs);font-size:.6rem;font-weight:700}.param-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;line-height:1}.param-value.large{font-size:2rem}.param-unit{color:var(--text-muted);margin-left:2px;font-size:.7rem}.param-trend{margin-top:var(--space-xs);font-size:.65rem}.param-trend.rising{color:#f55}.param-trend.falling{color:#3b82f6}.param-trend.stable{color:#0f8}.process-mimic-diagram{gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);grid-template-columns:1fr 2fr 1fr;display:grid;position:relative}.flow-arrow{color:var(--text-muted);opacity:.5;font-size:.8rem;position:absolute}.flow-arrow.right:after{content:"→"}.flow-arrow.down:after{content:"↓"}.flow-arrow.left:after{content:"←"}.mimic-input-zone{border-right:1px dashed var(--border);padding-right:var(--space-md)}.mimic-process-zone{gap:var(--space-md);padding:0 var(--space-md);flex-direction:column;display:flex}.mimic-output-zone{border-left:1px dashed var(--border);padding-left:var(--space-md)}.zone-title{text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border);font-size:.6rem;font-weight:700}.zone-command{-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);padding:var(--space-md);background:linear-gradient(rgba(59,130,246,.05) 0%,transparent 100%);border:1px solid rgba(59,130,246,.2)}.zone-command .zone-marker{color:#000;background:#3b82f6}.zone-status{-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);padding:var(--space-md);background:linear-gradient(rgba(0,255,136,.05) 0%,transparent 100%);border:1px solid rgba(0,255,136,.2)}.zone-status .zone-marker{color:#000;background:#0f8}.zone-alarm{-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);padding:var(--space-md);background:linear-gradient(rgba(255,85,85,.05) 0%,transparent 100%);border:1px solid rgba(255,85,85,.2)}.zone-alarm .zone-marker{color:#fff;background:#f55}.zone-marker{text-transform:uppercase;letter-spacing:1px;-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);padding:2px 8px;font-size:.55rem;font-weight:700;display:inline-block}.instrument-cluster{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));display:grid}.instrument{padding:var(--space-sm);border:2px solid var(--border);-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);background:#000;flex-direction:column;align-items:center;display:flex;position:relative}.instrument:before{content:"";background:#0f8;-webkit-border-radius:50%;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.instrument.fault:before{background:#f55;animation:.5s infinite fault-blink}@keyframes fault-blink{0%,to{opacity:1}50%{opacity:.3}}.instrument-scale{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.instrument-needle{transform-origin:bottom;background:linear-gradient(#f55,#fff 50%);width:2px;height:35px;transition:transform .5s ease-out;position:absolute}.instrument-reading{font-family:var(--font-mono);color:#0f8;font-size:1.2rem;font-weight:700}.instrument-label{text-transform:uppercase;color:var(--text-muted);margin-top:var(--space-xs);font-size:.55rem;font-weight:700}.alarm-banner{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);margin-bottom:var(--space-xs);cursor:pointer;transition:all .2s;display:flex}.alarm-banner.priority-1{background:linear-gradient(90deg,#ff00554d,#ff00551a);border-left:4px solid #f05;animation:.3s infinite critical-alarm}@keyframes critical-alarm{0%,to{background:linear-gradient(90deg,#ff00554d,#ff00551a)}50%{background:linear-gradient(90deg,#ff005580,#f053)}}.alarm-banner.priority-2{background:linear-gradient(90deg,#f553,#ff55550d);border-left:4px solid #f55}.alarm-banner.priority-3{background:linear-gradient(90deg,#fa03,#ffaa000d);border-left:4px solid #fa0}.alarm-banner.priority-4{background:linear-gradient(90deg,#3b82f633,#3b82f60d);border-left:4px solid #3b82f6}.alarm-icon{flex-shrink:0;font-size:1rem}.alarm-content{flex:1;min-width:0}.alarm-title{font-size:var(--text-xs);margin-bottom:2px;font-weight:700}.alarm-detail{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.alarm-timestamp{font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;font-size:.6rem}.alarm-action{-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff1a;flex-shrink:0;padding:4px 8px;font-size:.6rem;font-weight:700}.alarm-action:hover{background:#fff3}.process-control-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));display:grid}.process-btn{min-height:72px;padding:var(--space-sm);background:var(--bg-card);border:2px solid var(--border);-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.process-btn:before{content:"";background:0 0;height:3px;position:absolute;top:0;left:0;right:0}.process-btn:hover{border-color:#3b82f680;transform:translateY(-2px)}.process-btn:active{transform:translateY(0)}.process-btn.active{background:#00ff881a;border-color:#0f8}.process-btn.active:before{background:#0f8}.process-btn.warning{background:#ffaa001a;border-color:#fa0}.process-btn.warning:before{background:#fa0}.process-btn.danger{background:#ff55551a;border-color:#f55}.process-btn.danger:before{background:#f55}.process-btn.disabled{opacity:.4;cursor:not-allowed}.process-btn-icon{margin-bottom:var(--space-xs);font-size:1.5rem}.process-btn-label{text-transform:uppercase;letter-spacing:.5px;text-align:center;font-size:.65rem;font-weight:700}.process-btn-value{font-family:var(--font-mono);font-size:var(--text-xs);color:#0f8;margin-top:2px}.status-indicators{gap:var(--space-xs);flex-wrap:wrap;display:flex}.status-indicator{align-items:center;gap:var(--space-xs);background:var(--bg-secondary);-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);padding:4px 10px;font-size:.65rem;font-weight:600;display:flex}.status-indicator .indicator-dot{-webkit-border-radius:50%;border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-indicator.on .indicator-dot{background:#0f8;box-shadow:0 0 6px #00ff8880}.status-indicator.off .indicator-dot{background:#444}.status-indicator.fault .indicator-dot{background:#f55;animation:.5s infinite fault-blink}.status-indicator.standby .indicator-dot{background:#fa0}.trend-display{border:1px solid var(--border);-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);padding:var(--space-sm);background:#000}.trend-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.trend-title{text-transform:uppercase;color:var(--text-muted);font-size:.65rem;font-weight:700}.trend-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700}.trend-canvas{background:linear-gradient(rgba(0,255,136,.05) 0%,transparent 100%);width:100%;height:60px}.trend-scale{margin-top:var(--space-xs);justify-content:space-between;display:flex}.trend-scale span{font-family:var(--font-mono);color:var(--text-muted);font-size:.55rem}.flow-connector{padding:var(--space-sm);justify-content:center;align-items:center;display:flex;position:relative}.flow-connector:before{content:"";background:var(--border);position:absolute}.flow-connector.horizontal:before{width:100%;height:2px;top:50%;transform:translateY(-50%)}.flow-connector.vertical:before{width:2px;height:100%;left:50%;transform:translate(-50%)}.flow-connector.animated:before{background:linear-gradient(90deg,transparent 0%,#0f8 50%,transparent 100%) 0 0/200% 100%;animation:2s linear infinite flow-animation}@keyframes flow-animation{0%{background-position:100% 0}to{background-position:-100% 0}}.flow-label{background:var(--bg-card);-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);color:var(--text-muted);z-index:1;padding:2px 8px;font-size:.6rem;font-weight:600}.redundancy-group{gap:var(--space-xs);padding:var(--space-xs);-webkit-border-radius:var(--radius-sm);border-radius:var(--radius-sm);background:#0000004d;display:flex}.redundancy-channel{padding:var(--space-xs);flex-direction:column;align-items:center;min-width:40px;display:flex}.channel-indicator{-webkit-border-radius:50%;border-radius:50%;width:12px;height:12px;margin-bottom:4px}.channel-indicator.ok{background:#0f8;box-shadow:0 0 8px #00ff8880}.channel-indicator.fault{background:#f55;animation:.5s infinite fault-blink}.channel-indicator.offline{background:#444}.channel-label{color:var(--text-muted);font-size:.5rem;font-weight:700}@media (max-width:768px){.process-status-bar{grid-template-columns:repeat(2,1fr)}.process-mimic-diagram{grid-template-columns:1fr}.mimic-input-zone,.mimic-output-zone{border:none;border-bottom:1px dashed var(--border);padding:0;padding-bottom:var(--space-md);margin-bottom:var(--space-md)}.param-value{font-size:1.2rem}.param-value.large{font-size:1.5rem}}@media (max-width:480px){.process-status-bar{grid-template-columns:1fr}.instrument-cluster,.process-control-grid{grid-template-columns:repeat(2,1fr)}}@media print{.process-status-bar{color:#000!important;background:#fff!important}.alarm-banner{background:0 0!important;border:1px solid #000!important}*{animation:none!important}}:root{--holo-primary:linear-gradient(135deg, #00f0ff, #b347ff, #0f8);--holo-secondary:linear-gradient(135deg, #ff6b6b, #ffd93d, #6bff95);--holo-dark:linear-gradient(135deg, #0a0a15, #1a1a2e, #0a0a15);--plasma-cyan:0 0 30px rgba(0,240,255,.5), 0 0 60px rgba(0,240,255,.3), 0 0 120px rgba(0,240,255,.1);--plasma-purple:0 0 30px rgba(179,71,255,.5), 0 0 60px rgba(179,71,255,.3), 0 0 120px rgba(179,71,255,.1);--plasma-green:0 0 30px rgba(0,255,136,.5), 0 0 60px rgba(0,255,136,.3);--neural-speed:2s;--consciousness-opacity:.03;--quantum-blur:blur(100px);--quantum-shift:hue-rotate(15deg) saturate(1.2)}body:before{content:"";pointer-events:none;z-index:9998;background:radial-gradient(at 20% 20%,rgba(0,240,255,.03) 0%,transparent 50%),radial-gradient(at 80% 80%,rgba(179,71,255,.03) 0%,transparent 50%),radial-gradient(rgba(0,255,136,.02) 0%,transparent 70%);animation:20s ease-in-out infinite consciousness-shift;position:fixed;inset:0}@keyframes consciousness-shift{0%,to{opacity:.5;filter:hue-rotate()}25%{opacity:.7;filter:hue-rotate(15deg)}50%{opacity:.4;filter:hue-rotate(-10deg)}75%{opacity:.8;filter:hue-rotate(5deg)}}body:after{content:"";pointer-events:none;z-index:9997;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.016) 2px,rgba(0,0,0,.016) 4px);animation:.1s linear infinite scanline-flicker;position:fixed;inset:0}@keyframes scanline-flicker{0%,to{opacity:.4}50%{opacity:.5}}.holo-card,.widget,.gauge-card,.sensor-card,.pay-card,.preset-btn,.ar-mode,.adas-item,.status-item,.route-card,.balance-hero{position:relative;overflow:hidden}.holo-card:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,240,255,.05) 100%);position:absolute;inset:0}.widget:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,240,255,.05) 100%);position:absolute;inset:0}.gauge-card:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,240,255,.05) 100%);position:absolute;inset:0}.sensor-card:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,240,255,.05) 100%);position:absolute;inset:0}.widget:hover:after{content:"";pointer-events:none;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);width:300%;height:300%;animation:1.5s ease-out holo-shimmer;position:absolute;top:-100%;left:-100%}.gauge-card:hover:after{content:"";pointer-events:none;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);width:300%;height:300%;animation:1.5s ease-out holo-shimmer;position:absolute;top:-100%;left:-100%}.sensor-card:hover:after{content:"";pointer-events:none;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);width:300%;height:300%;animation:1.5s ease-out holo-shimmer;position:absolute;top:-100%;left:-100%}.pay-card:hover:after{content:"";pointer-events:none;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);width:300%;height:300%;animation:1.5s ease-out holo-shimmer;position:absolute;top:-100%;left:-100%}@keyframes holo-shimmer{0%{transform:translate(-30%)translateY(-30%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.neural-pulse{animation:neural-breathe var(--neural-speed) ease-in-out infinite}@keyframes neural-breathe{0%,to{filter:brightness();box-shadow:0 0 #00f0ff66}50%{filter:brightness(1.05);box-shadow:0 0 20px 5px #00f0ff33}}.speed-hero,.sensor-fusion,.pulse-indicator,.balance-hero,.grav-sphere,.temp-dial{animation:3s ease-in-out infinite neural-breathe}.quantum-border{position:relative}.quantum-border:before{content:"";background:var(--holo-primary);-webkit-border-radius:inherit;border-radius:inherit;z-index:-1;opacity:0;filter:blur(8px);transition:opacity .3s;position:absolute;inset:-2px}.quantum-border:hover:before{opacity:.6;animation:3s linear infinite quantum-rotate}@keyframes quantum-rotate{0%{filter:blur(8px)hue-rotate()}to{filter:blur(8px)hue-rotate(360deg)}}.dock-btn:hover,.nav-app-btn:hover,.preset-btn:hover,.toggle-btn:hover,.ar-mode:hover,.air-btn:hover{position:relative}.dock-btn:hover:before{content:"";-webkit-border-radius:inherit;border-radius:inherit;z-index:-1;filter:blur(4px);background:linear-gradient(135deg,#00f0ff80,#b347ff80);animation:1s ease-in-out infinite quantum-pulse;position:absolute;inset:-1px}.nav-app-btn:hover:before{content:"";-webkit-border-radius:inherit;border-radius:inherit;z-index:-1;filter:blur(4px);background:linear-gradient(135deg,#00f0ff80,#b347ff80);animation:1s ease-in-out infinite quantum-pulse;position:absolute;inset:-1px}.preset-btn:hover:before{content:"";-webkit-border-radius:inherit;border-radius:inherit;z-index:-1;filter:blur(4px);background:linear-gradient(135deg,#00f0ff80,#b347ff80);animation:1s ease-in-out infinite quantum-pulse;position:absolute;inset:-1px}.toggle-btn:hover:before{content:"";-webkit-border-radius:inherit;border-radius:inherit;z-index:-1;filter:blur(4px);background:linear-gradient(135deg,#00f0ff80,#b347ff80);animation:1s ease-in-out infinite quantum-pulse;position:absolute;inset:-1px}.ar-mode:hover:before{content:"";-webkit-border-radius:inherit;border-radius:inherit;z-index:-1;filter:blur(4px);background:linear-gradient(135deg,#00f0ff80,#b347ff80);animation:1s ease-in-out infinite quantum-pulse;position:absolute;inset:-1px}.air-btn:hover:before{content:"";-webkit-border-radius:inherit;border-radius:inherit;z-index:-1;filter:blur(4px);background:linear-gradient(135deg,#00f0ff80,#b347ff80);animation:1s ease-in-out infinite quantum-pulse;position:absolute;inset:-1px}@keyframes quantum-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.data-stream-bg{position:relative;overflow:hidden}.data-stream-bg:before{content:"01001010101110001010111000101011100010101110001010";color:#00f0ff08;white-space:nowrap;pointer-events:none;font-family:B612 Mono,monospace;font-size:8px;line-height:1.2;animation:20s linear infinite data-flow;position:absolute;top:0;left:0;right:0;overflow:hidden}@keyframes data-flow{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.bio-responsive{transition:all .3s}.bio-responsive:hover{filter:brightness(1.1)saturate(1.2)}.bio-responsive:active{filter:brightness(.95)saturate(1.3);transform:scale(.98)}.heartbeat-sync{animation:1s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.05)}28%{transform:scale(1)}42%{transform:scale(1.03)}70%{transform:scale(1)}}.parallax-container{perspective:1000px;transform-style:preserve-3d}.parallax-layer-1{transform:translateZ(0)}.parallax-layer-2{transform:translateZ(20px)}.parallax-layer-3{transform:translateZ(50px)}.tilt-effect{transform-style:preserve-3d;transition:transform .1s ease-out}.ai-watching{position:relative}.ai-watching:after{content:"";background:#0f8;-webkit-border-radius:50%;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite ai-pulse;position:absolute;top:8px;right:8px;box-shadow:0 0 10px #0f8,0 0 20px #00ff8880}@keyframes ai-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.ai-thinking:after{content:"";background:linear-gradient(90deg,transparent,#0f8,transparent);width:20px;height:6px;animation:1s ease-in-out infinite ai-think;position:absolute;top:8px;right:8px}@keyframes ai-think{0%{transform:translate(-100%)}to{transform:translate(200%)}}.glitch-text{position:relative}.glitch-text:before{content:attr(data-text);opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:after{content:attr(data-text);opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:hover:before{opacity:.8;color:#00f0ff;clip-path:polygon(0 0,100% 0,100% 35%,0 35%);animation:.3s cubic-bezier(.25,.46,.45,.94) infinite glitch-1}.glitch-text:hover:after{opacity:.8;color:#b347ff;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);animation:.3s cubic-bezier(.25,.46,.45,.94) infinite glitch-2}@keyframes glitch-1{0%{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}to{transform:translate(0)}}@keyframes glitch-2{0%{transform:translate(0)}20%{transform:translate(2px)}40%{transform:translate(-2px)}60%{transform:translate(1px)}80%{transform:translate(-1px)}to{transform:translate(0)}}.color-shift:hover{animation:.5s ease-in-out psychedelic}@keyframes psychedelic{0%{filter:hue-rotate()saturate()}25%{filter:hue-rotate(30deg)saturate(1.3)}50%{filter:hue-rotate(-20deg)saturate(1.5)}75%{filter:hue-rotate(15deg)saturate(1.2)}to{filter:hue-rotate()saturate()}}.infinity-mirror{position:relative;box-shadow:inset 0 0 20px #00f0ff1a,inset 0 0 40px #b347ff0d,inset 0 0 60px #00ff8808}.aurora-bg{background:linear-gradient(rgba(0,240,255,.1) 0%,transparent 30%),linear-gradient(120deg,rgba(179,71,255,.1) 0%,transparent 40%),linear-gradient(240deg,rgba(0,255,136,.1) 0%,transparent 40%);animation:10s ease-in-out infinite aurora-shift}@keyframes aurora-shift{0%,to{background-position:0 0,0 0,0 0}50%{background-position:100% 100%,50%,25% 75%}}.liquid-glass{-webkit-backdrop-filter:blur(20px)saturate(150%);background:#ffffff08;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a,inset 0 0 0 1px #ffffff0d}.particles-bg{position:relative}.particles-bg:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(2px 2px at 20px 30px,rgba(0,240,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(179,71,255,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(0,255,136,.3),transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,215,0,.2),transparent),radial-gradient(1px 1px at 160px 30px,rgba(0,240,255,.4),transparent);background-repeat:repeat;background-size:200px 100px;animation:30s linear infinite particles-float;position:absolute;inset:0}@keyframes particles-float{0%{transform:translateY(0)translate(0)}to{transform:translateY(-100px)translate(50px)}}.supernova-btn{position:relative;overflow:visible}.supernova-btn:before{content:"";-webkit-border-radius:inherit;border-radius:inherit;opacity:0;z-index:-1;filter:blur(8px);background:linear-gradient(135deg,#00f0ff,#b347ff,#0f8,gold) 0 0/400% 400%;transition:opacity .3s;animation:3s infinite supernova-gradient;position:absolute;inset:-4px}.supernova-btn:hover:before{opacity:.7}.supernova-btn:active:before{opacity:1;filter:blur(4px)}@keyframes supernova-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.start-btn,.start-nav-btn,.join-btn,.prediction-action,.tip-action{position:relative;overflow:visible}.start-btn:before{content:"";-webkit-border-radius:inherit;border-radius:inherit;opacity:.5;z-index:-1;filter:blur(6px);background:linear-gradient(135deg,#00f0ff,#b347ff,#0f8) 0 0/300% 300%;animation:2s infinite supernova-gradient;position:absolute;inset:-3px}.start-nav-btn:before{content:"";-webkit-border-radius:inherit;border-radius:inherit;opacity:.5;z-index:-1;filter:blur(6px);background:linear-gradient(135deg,#00f0ff,#b347ff,#0f8) 0 0/300% 300%;animation:2s infinite supernova-gradient;position:absolute;inset:-3px}.join-btn:before{content:"";-webkit-border-radius:inherit;border-radius:inherit;opacity:.5;z-index:-1;filter:blur(6px);background:linear-gradient(135deg,#00f0ff,#b347ff,#0f8) 0 0/300% 300%;animation:2s infinite supernova-gradient;position:absolute;inset:-3px}.start-btn:hover:before{opacity:.8;filter:blur(8px)}.start-nav-btn:hover:before{opacity:.8;filter:blur(8px)}.join-btn:hover:before{opacity:.8;filter:blur(8px)}.speed-value,.balance-amount .amount,.dial-temp,.pulse-value{text-shadow:0 0 10px,0 0 20px,0 0 40px rgba(0,240,255,.5)}::selection{color:inherit;background:#00f0ff4d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a;-webkit-border-radius:3px;border-radius:3px}::-webkit-scrollbar-thumb{background:linear-gradient(#00f0ff,#b347ff);-webkit-border-radius:3px;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#00f0ff,#ff6b6b)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}