:root{--bg:#070713;--fg:#e8e8f0;--panel-bg:rgba(10,10,26,.65);--panel-border:rgba(168,85,247,.15);--panel-glow:0 0 20px rgba(168,85,247,.08);--neon-purple:#a855f7;--neon-cyan:#22d3ee;--neon-fuchsia:#e879f9;--neon-yellow:#fbbf24;--neon-green:#34d399;--header-h:48px;--statusbar-h:36px}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Roboto,Roboto Mono,sans-serif}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border:1px solid var(--panel-border);box-shadow:var(--panel-glow),inset 0 1px #ffffff08;border-radius:10px}.glass-panel-flat{background:#0a0a1a73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.04);border-radius:8px}.neon-text-purple{color:var(--neon-purple);text-shadow:0 0 8px rgba(168,85,247,.5)}.neon-text-cyan{color:var(--neon-cyan);text-shadow:0 0 8px rgba(34,211,238,.5)}.neon-border-purple{border-color:#a855f74d;box-shadow:0 0 12px #a855f726}.neon-border-cyan{border-color:#22d3ee4d;box-shadow:0 0 12px #22d3ee26}.shadow-glow-purple{box-shadow:0 0 20px #a855f726,0 0 40px #a855f70d}.stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#fff6}.stat-value{font-family:Roboto Mono,monospace;font-weight:700;color:#fff}.section-header{font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a855f7b3;padding-bottom:6px;border-bottom:1px solid rgba(168,85,247,.1);margin-bottom:8px}.app-header{height:var(--header-h);background:linear-gradient(180deg,#070713e6,#07071399);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(168,85,247,.1)}.app-statusbar{height:var(--statusbar-h);background:linear-gradient(0deg,#070713e6,#07071380);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(168,85,247,.08)}.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--neon-green);box-shadow:0 0 6px var(--neon-green);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}#root{height:100%;width:100%;display:block}body{overflow:hidden}@media (max-width:900px){:root{--touch-btn: 44px;--header-h: 44px;--statusbar-h: 32px}}@media (max-width:400px){:root{--header-h: 40px;--statusbar-h: 28px}.stat-label{font-size:.6rem}.section-header{font-size:.65rem}}.safe-area-top{padding-top:env(safe-area-inset-top,0px)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-left{padding-left:env(safe-area-inset-left,0px)}.safe-area-right{padding-right:env(safe-area-inset-right,0px)}@supports (height: 100dvh){html,body,#root{height:100dvh}}@supports (width: 100dvw){html,body,#root{width:100dvw}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}:focus-visible{outline:2px solid var(--neon-purple);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--neon-purple);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;top:-40px;left:0;background:var(--bg);color:var(--fg);padding:8px 16px;z-index:10000;border:1px solid var(--neon-purple);border-radius:0 0 8px;text-decoration:none;font-size:.85rem;transition:top .2s ease}.skip-link:focus{top:0}.high-contrast{--panel-bg: rgba(10, 10, 26, .95);--panel-border: rgba(168, 85, 247, .8);--panel-glow: 0 0 20px rgba(168, 85, 247, .3)}.high-contrast .glass-panel{background:#0a0a1af2;border:1px solid rgba(168,85,247,.8);box-shadow:0 0 20px #a855f74d,inset 0 1px #ffffff1a}.high-contrast .glass-panel-flat{background:#0a0a1ae6;border:1px solid rgba(255,255,255,.15)}.high-contrast .text-gray-400{color:#c8c8d2!important}.high-contrast .text-gray-500{color:#b4b4be!important}.high-contrast .text-gray-300{color:#dcdce6!important}.high-contrast .text-gray-600{color:#a0a0aa!important}.high-contrast button{border:1px solid rgba(168,85,247,.3)}.high-contrast .stat-label{color:#ffffffb3!important}.high-contrast .section-header{color:#a855f7e6!important}.high-contrast :focus-visible{outline:3px solid var(--neon-yellow)!important;outline-offset:3px!important}.colorblind-mode .bg-green-500{background-image:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(255,255,255,.15) 4px,rgba(255,255,255,.15) 8px)!important}.colorblind-mode .bg-red-800{background-image:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(255,255,255,.15) 4px,rgba(255,255,255,.15) 8px)!important}.colorblind-mode .bg-purple-500{background-image:repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(255,255,255,.1) 4px,rgba(255,255,255,.1) 8px)!important}.reduced-motion *{animation:none!important;transition:none!important}.reduced-motion .pulse-dot{animation:none!important}.ui-scale-sm{font-size:.85em}.ui-scale-lg{font-size:1.15em}.ui-scale-xl{font-size:1.3em}@media (hover: none) and (pointer: coarse){button:active,a[role=button]:active,[role=radio]:active{transform:scale(.95);transition:transform .1s ease}}@media (max-width: 640px){.app-header{font-size:.75rem}.app-statusbar{font-size:.65rem}.glass-panel{border-radius:8px}.glass-panel{backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1)}.glass-panel-flat{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.app-header,.app-statusbar{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}@media (max-width: 360px){.app-header{font-size:.7rem}.app-statusbar{font-size:.6rem}.stat-label{font-size:.55rem;letter-spacing:.06em}}@media (hover: none) and (pointer: coarse){input[type=range]{height:24px;min-height:24px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--neon-purple);border:2px solid rgba(255,255,255,.3);cursor:pointer}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--neon-purple);border:2px solid rgba(255,255,255,.3);cursor:pointer}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-width:18px;min-height:18px}select{min-height:44px;padding:.5rem .75rem}}@media (max-height: 500px) and (orientation: landscape){:root{--header-h: 36px;--statusbar-h: 26px}.app-header{font-size:.7rem}.app-statusbar{font-size:.6rem}}.touch-none{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.bottom-sheet-content{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}