:root{--font-display:"Orbitron", "Inter", -apple-system, sans-serif;--font-sans:"Inter", -apple-system, sans-serif;--font-mono:"Fira Code", monospace;--bg-desktop:#0a0b10;--glass-bg:#0a0c1673;--glass-bg-hover:#14182899;--glass-border:#ffffff14;--glass-border-active:#fff3;--glass-shadow:0 8px 32px 0 #00000080;--neon-cyan:#00f0ff;--neon-magenta:#ff007f;--neon-orange:#f90;--neon-green:#39ff14;--neon-red:#f33;--neon-blue:#06f;--accent-glow-cyan:0 0 15px #00f0ff66;--accent-glow-magenta:0 0 15px #ff007f66;--accent-glow-orange:0 0 15px #f906;--accent-glow-green:0 0 15px #39ff1466;--accent-glow-red:0 0 15px #f336;--z-index-base:10;--z-index-cursor:99999;--z-index-overlay:9999;--z-index-webcam:9000;--z-index-taskbar:9500}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-desktop);color:#e2e8f0;width:100vw;height:100vh;position:relative;overflow:hidden}#ambient-particles{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#aether-desktop{z-index:5;width:100vw;height:100vh;padding-bottom:70px;position:absolute;top:0;left:0;overflow:hidden}.grid-backdrop{pointer-events:none;z-index:2;opacity:.15;width:100%;height:100%;position:absolute;top:0;left:0}.grid-line{background:linear-gradient(90deg, transparent, var(--neon-cyan), transparent);position:absolute}.grid-line.horizontal{width:100%;height:1px;left:0}.grid-line.vertical{background:linear-gradient(180deg, transparent, var(--neon-cyan), transparent);width:1px;height:100%;top:0}.animate-h1{animation:12s linear infinite scan-line-h;top:25%}.animate-h2{animation:16s linear infinite reverse scan-line-h;top:75%}.animate-v1{animation:15s linear infinite scan-line-v;left:33%}.animate-v2{animation:18s linear infinite reverse scan-line-v;left:66%}@keyframes scan-line-h{0%{transform:translateY(-25vh)}to{transform:translateY(75vh)}}@keyframes scan-line-v{0%{transform:translate(-33vw)}to{transform:translate(67vw)}}#aether-cursor{pointer-events:none;width:32px;height:32px;z-index:var(--z-index-cursor);transition:width .15s cubic-bezier(.175,.885,.32,1.275),height .15s cubic-bezier(.175,.885,.32,1.275);position:absolute;transform:translate(-50%,-50%)}.cursor-glow{background:radial-gradient(circle,#00f0ff40 0%,#0000 70%);border-radius:50%;transition:background .2s;position:absolute;inset:-10px}.cursor-core{background-color:var(--neon-cyan);width:8px;height:8px;box-shadow:0 0 8px var(--neon-cyan);border-radius:50%;transition:background-color .2s,box-shadow .2s,transform .2s;position:absolute;top:12px;left:12px}.cursor-ring{border:1.5px dashed var(--neon-cyan);opacity:.65;border-radius:50%;width:100%;height:100%;transition:border-color .2s,transform .2s;animation:8s linear infinite spin-clockwise;position:absolute;top:0;left:0}.countdown-svg{opacity:0;width:40px;height:40px;transition:opacity .15s;position:absolute;top:-4px;left:-4px;transform:rotate(-90deg)}.countdown-bg{fill:none;stroke:#ffffff1a;stroke-width:2.5px}.countdown-progress{fill:none;stroke:var(--neon-red);stroke-width:2.5px;stroke-linecap:round;transition:stroke-dasharray 50ms linear}.cursor-label{font-family:var(--font-display);letter-spacing:1px;color:var(--neon-cyan);text-shadow:0 0 4px #00f0ff80;font-size:8px;font-weight:700;transition:color .2s;position:absolute;top:36px;left:50%;transform:translate(-50%)}@keyframes spin-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#aether-cursor.state-hover{width:32px;height:32px}#aether-cursor.state-click{width:20px;height:20px}#aether-cursor.state-click .cursor-core{background-color:var(--neon-magenta);box-shadow:0 0 10px var(--neon-magenta);transform:scale(1.4)}#aether-cursor.state-click .cursor-ring{border-color:var(--neon-magenta);border-style:solid;transform:scale(.8)}#aether-cursor.state-click .cursor-glow{background:radial-gradient(circle,#ff007f4d 0%,#0000 70%)}#aether-cursor.state-click .cursor-label{color:var(--neon-magenta)}#aether-cursor.state-drag{width:36px;height:36px}#aether-cursor.state-drag .cursor-core{background-color:var(--neon-orange);box-shadow:0 0 10px var(--neon-orange)}#aether-cursor.state-drag .cursor-ring{border-color:var(--neon-orange);border-style:double;border-width:3px}#aether-cursor.state-drag .cursor-glow{background:radial-gradient(circle,#ff99004d 0%,#0000 70%)}#aether-cursor.state-drag .cursor-label{color:var(--neon-orange)}#aether-cursor.state-resize{width:44px;height:44px}#aether-cursor.state-resize .cursor-core{background-color:var(--neon-green);box-shadow:0 0 12px var(--neon-green)}#aether-cursor.state-resize .cursor-ring{border-color:var(--neon-green);border-style:dotted;border-width:2px}#aether-cursor.state-resize .cursor-glow{background:radial-gradient(circle,#39ff144d 0%,#0000 70%)}#aether-cursor.state-resize .cursor-label{color:var(--neon-green)}#aether-cursor.state-fist{width:40px;height:40px}#aether-cursor.state-fist .cursor-core{background-color:var(--neon-red);box-shadow:0 0 12px var(--neon-red);transform:scale(.6)}#aether-cursor.state-fist .cursor-ring{opacity:.1}#aether-cursor.state-fist .countdown-svg{opacity:1}#aether-cursor.state-fist .cursor-glow{background:radial-gradient(circle,#ff333359 0%,#0000 70%)}#aether-cursor.state-fist .cursor-label{color:var(--neon-red)}.aether-window{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--glass-border);min-width:280px;min-height:200px;box-shadow:var(--glass-shadow);z-index:var(--z-index-base);border-radius:12px;flex-direction:column;transition:border-color .25s,box-shadow .25s,transform .1s ease-out;display:flex;position:absolute;overflow:hidden}.aether-window.active-window{box-shadow:0 10px 40px 0 #00f0ff26, var(--glass-shadow);border-color:#00f0ff4d}.aether-window .window-header{border-bottom:1px solid var(--glass-border);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#ffffff08;justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex}.aether-window.active-window .window-header{background:#00f0ff0a;border-bottom:1px solid #00f0ff26}.aether-window .window-title{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:#ffffffd9;text-shadow:0 0 8px #ffffff1a;white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:8px;min-width:0;font-size:11px;font-weight:700;display:flex;overflow:hidden}.aether-window.active-window .window-title{color:#fff;text-shadow:0 0 10px #00f0ff4d}.aether-window .window-title:before{content:"";background-color:#fff6;border-radius:50%;width:6px;height:6px;display:inline-block}.aether-window.active-window .window-title:before{background-color:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan)}.aether-window .window-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.aether-window .control-btn{cursor:pointer;color:#ffffff8c;background-color:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;transition:all .2s;display:flex}.aether-window .control-btn:hover{color:#fff}.aether-window .control-btn.close{background-color:#ef44444d}.aether-window .control-btn.close:hover{background-color:#ef4444cc;box-shadow:0 0 8px #ef444499}.aether-window .control-btn.minimize{background-color:#eab3084d}.aether-window .control-btn.minimize:hover{background-color:#eab308cc;box-shadow:0 0 8px #eab30899}.aether-window .control-btn.maximize{background-color:#22c55e4d}.aether-window .control-btn.maximize:hover{background-color:#22c55ecc;box-shadow:0 0 8px #22c55e99}.aether-window .window-body{background-color:#05060c4d;flex:1;padding:16px;font-size:13px;line-height:1.6;overflow:hidden auto}.aether-window .resize-handle{cursor:se-resize;touch-action:none;background:linear-gradient(135deg,#0000 40%,#ffffff4d 100%);border-bottom-right-radius:12px;width:14px;height:14px;position:absolute;bottom:0;right:0}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stat-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;padding:12px}.stat-card.full-width{grid-column:1/-1}.stat-title{font-size:10px;font-family:var(--font-display);letter-spacing:.5px;color:#ffffff80;margin-bottom:4px}.stat-value{font-family:var(--font-mono);color:var(--neon-cyan);font-size:18px;font-weight:700}.perf-graph-container{background:#0003;border-radius:4px;width:100%;height:60px;margin-top:6px;position:relative;overflow:hidden}.perf-graph-canvas{width:100%;height:100%}.gesture-list{flex-direction:column;gap:6px;display:flex}.gesture-item{background:#ffffff05;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:11px;display:flex}.gesture-item .item-val{font-family:var(--font-mono);color:#ffffffb3}.gesture-item.active-gesture{background:#00f0ff1a;border:1px solid #00f0ff33}.gesture-item.active-gesture .item-val{color:var(--neon-cyan);font-weight:700}.settings-list{flex-direction:column;gap:8px;display:flex}.setting-row{justify-content:space-between;align-items:center;display:flex}.switch{width:36px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ffffff1a;border-radius:20px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--neon-cyan)}input:checked+.slider:before{transform:translate(16px)}.paint-layout{flex-direction:column;gap:8px;height:100%;display:flex}.paint-toolbar{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:8px;display:flex}.paint-colors{gap:6px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px}.color-swatch.active-color{border-color:#fff;box-shadow:0 0 6px #ffffff80}.canvas-area{background:#000;border:1px solid #ffffff1a;border-radius:8px;flex:1;overflow:hidden}.paint-canvas{width:100%;height:100%;display:block}.btn-tool{color:#fff;cursor:pointer;font-size:11px;font-family:var(--font-display);background:#ffffff14;border:none;border-radius:4px;padding:4px 10px;transition:background .2s}.btn-tool:hover{background:#fff3}.file-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:16px;display:grid}.file-item{text-align:center;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.file-item:hover{background:#ffffff0d}.file-icon{width:36px;height:36px;fill:var(--neon-cyan);filter:drop-shadow(0 0 4px #00f0ff33);margin-bottom:6px}.file-item[data-type=folder] .file-icon{fill:#fa0;filter:drop-shadow(0 0 4px #fa03)}.file-name{color:#fffc;word-break:break-all;font-size:10px;line-height:1.2}.terminal-body{font-family:var(--font-mono);color:var(--neon-green);text-shadow:0 0 4px #39ff144d;padding:12px;background-color:#030408!important}.terminal-history{flex-direction:column;gap:6px;margin-bottom:8px;font-size:11px;display:flex}.term-line-output{color:#ffffffd9;white-space:pre-wrap;margin-left:12px}.term-line-input{gap:6px;display:flex}.term-prompt{color:var(--neon-cyan)}.term-cursor{background-color:var(--neon-green);width:6px;height:12px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.webcam-bubble{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);width:220px;box-shadow:var(--glass-shadow);z-index:var(--z-index-webcam);border-radius:12px;transition:width .3s cubic-bezier(.175,.885,.32,1.275),height .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:24px;right:24px;overflow:hidden}.webcam-bubble .panel-header{border-bottom:1px solid var(--glass-border);cursor:move;background:#ffffff05;justify-content:space-between;align-items:center;height:36px;padding:0 12px;display:flex}.webcam-bubble .panel-title{font-family:var(--font-display);letter-spacing:1px;color:#fff9;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.pulse-indicator{background-color:var(--neon-green);width:6px;height:6px;box-shadow:0 0 6px var(--neon-green);border-radius:50%;animation:1.5s infinite alternate pulse-glow;display:inline-block}@keyframes pulse-glow{0%{opacity:.4}to{opacity:1;box-shadow:0 0 8px var(--neon-green)}}.webcam-bubble .header-controls button{color:#fff9;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px}.webcam-bubble .header-controls button:hover{color:#fff}.webcam-bubble .feed-container{aspect-ratio:4/3;background:#000;width:100%;position:relative}#webcam-stream{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}#tracker-overlay{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}.hand-tag{font-family:var(--font-display);z-index:3;opacity:0;background:#0009;border:1px solid #fff3;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:700;transition:opacity .2s;position:absolute;bottom:8px}#hand-indicator-left{color:var(--neon-cyan);border-color:var(--neon-cyan);left:8px}#hand-indicator-right{color:var(--neon-magenta);border-color:var(--neon-magenta);right:8px}.webcam-bubble.minimized{width:120px}.webcam-bubble.minimized .feed-container{display:none}.system-dock{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);width:90%;max-width:800px;height:56px;box-shadow:0 10px 40px 0 #0006, var(--glass-shadow);z-index:var(--z-index-taskbar);border-radius:16px;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.dock-left,.dock-right{align-items:center;gap:12px;display:flex}.os-logo{font-family:var(--font-display);letter-spacing:2px;font-size:10px;font-weight:900}.os-logo .logo-accent{color:#fff;text-shadow:0 0 8px #fff6}.os-logo .logo-version{color:var(--neon-cyan);margin-left:2px;font-size:8px}.divider{background-color:#ffffff1a;width:1px;height:24px}.gesture-status-badge,.gesture-status-dock{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;display:flex}.gesture-status-dock .status-indicator{background-color:#64748b;border-radius:50%;width:6px;height:6px}.gesture-status-dock .status-label{font-family:var(--font-display);letter-spacing:1px;color:#fff9;text-transform:uppercase;font-size:8px;font-weight:700}.performance-metrics{font-family:var(--font-mono);color:#ffffff80;font-size:10px}.system-time{font-family:var(--font-display);letter-spacing:1px;color:#ffffffd9;font-size:11px;font-weight:700}.dock-apps{align-items:center;gap:16px;display:flex}.app-launcher{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.app-icon{fill:#ffffffa6;width:20px;height:20px;transition:fill .2s,transform .2s}.app-launcher:after{content:"";background-color:#0000;border-radius:50%;width:4px;height:4px;transition:all .2s;position:absolute;bottom:2px}.app-launcher:hover{background:#ffffff0d;transform:translateY(-4px)}.app-launcher:hover .app-icon{fill:#fff;transform:scale(1.1)}.app-launcher.active{background:#00f0ff14;border:1px solid #00f0ff26}.app-launcher.active .app-icon{fill:var(--neon-cyan);filter:drop-shadow(0 0 4px #00f0ff66)}.app-launcher.active:after{background-color:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan);border-radius:2px;width:12px}.launcher-label{font-size:9px;font-family:var(--font-display);letter-spacing:.5px;color:#fff;pointer-events:none;opacity:0;white-space:nowrap;background:#0a0a0fd9;border:1px solid #ffffff1a;border-radius:6px;padding:4px 8px;font-weight:700;transition:all .2s;position:absolute;top:-36px;transform:translateY(6px)}.app-launcher:hover .launcher-label{opacity:1;transform:translateY(0)}#toast-container{z-index:var(--z-index-overlay);pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:80px;left:50%;transform:translate(-50%)}.toast-msg{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--neon-cyan);box-shadow:var(--accent-glow-cyan), var(--glass-shadow);color:#fff;font-size:11px;font-family:var(--font-display);letter-spacing:1px;background:#0f1423d9;border-radius:20px;padding:8px 16px;font-weight:700;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards slide-toast-in,.3s 2.7s forwards fade-toast-out}@keyframes slide-toast-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-toast-out{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.fallback-screen{width:100vw;height:100vh;z-index:var(--z-index-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050508d9;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.fallback-screen.hidden{display:none!important}.fallback-card{width:90%;max-width:480px;box-shadow:var(--glass-shadow);text-align:center;background:#0f142380;border:1px solid #ffffff14;border-radius:16px;padding:24px}.card-icon{margin-bottom:12px;font-size:48px;animation:2s infinite alternate pulse-error}@keyframes pulse-error{0%{filter:drop-shadow(0 0 2px #f333);transform:scale(.9)}to{filter:drop-shadow(0 0 10px #f339);transform:scale(1.05)}}.fallback-card h2{font-family:var(--font-display);letter-spacing:1px;color:#fff;margin-bottom:12px;font-size:16px;font-weight:700}.fallback-card p{color:#fff9;margin-bottom:24px;font-size:12px;line-height:1.6}.fallback-choices{gap:12px;margin-bottom:24px;display:flex}.fallback-btn{font-family:var(--font-display);letter-spacing:1px;cursor:pointer;text-transform:uppercase;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:11px;font-weight:700;transition:all .2s}.primary-btn{background:var(--neon-cyan);color:#000;box-shadow:0 0 10px #00f0ff4d}.primary-btn:hover{background:#fff;box-shadow:0 0 15px #ffffff80}.secondary-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff1a}.secondary-btn:hover{background:#ffffff26}.mini-btn{color:var(--neon-red);background:#f333;border:1px solid #ff33334d;width:100%;margin-top:8px;padding:6px;font-size:8px}.mini-btn:hover{color:#fff;background:#f339}.instructions-accordion{text-align:left;background:#00000040;border:1px solid #ffffff08;border-radius:8px;padding:12px 16px}.instructions-accordion h3{font-family:var(--font-display);letter-spacing:.5px;color:var(--neon-cyan);margin-bottom:8px;font-size:10px;font-weight:700}.instructions-accordion ul{font-size:11px;list-style:none}.instructions-accordion li{color:#ffffffd9;margin-bottom:6px;line-height:1.4}.instructions-accordion li strong{color:#fff}.simulator-helper-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--neon-cyan);width:200px;box-shadow:var(--accent-glow-cyan), var(--glass-shadow);z-index:var(--z-index-webcam);background:#0f1423cc;border-radius:12px;padding:12px;font-size:11px;position:absolute;bottom:80px;right:24px}.simulator-helper-box.hidden{display:none!important}.simulator-helper-box p{color:#ffffff80;margin-bottom:6px;font-size:10px}.simulator-helper-box .widget-header{font-family:var(--font-display);letter-spacing:.5px;color:var(--neon-cyan);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:9px;font-weight:700;display:flex}.simulator-helper-box ul{flex-direction:column;gap:4px;margin-bottom:8px;list-style:none;display:flex}.simulator-helper-box li kbd{background:#ffffff26;border-radius:3px;padding:1px 4px;font-size:9px}.sim-feedback-bars{font-family:var(--font-mono);background:#0000004d;border-radius:6px;flex-direction:column;gap:3px;padding:6px;font-size:9px;display:flex}.sim-feedback-bars div{justify-content:space-between;display:flex}.window-body::-webkit-scrollbar{width:6px;height:6px}.window-body::-webkit-scrollbar-track{background:#00000026}.window-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.window-body::-webkit-scrollbar-thumb:hover{background:#ffffff59}.ide-container{color:#e2e8f0;width:100%;height:100%;font-family:var(--font-mono);background:#060810;flex-direction:column;display:flex;overflow:hidden}.ide-toolbar{background:#0f172acc;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;display:flex}.ide-tabs{scrollbar-width:thin;scrollbar-color:#00f0ff66 #0003;gap:4px;display:flex;overflow-x:auto}.ide-tabs::-webkit-scrollbar{height:5px}.ide-tabs::-webkit-scrollbar-track{background:#0003;border-radius:3px}.ide-tabs::-webkit-scrollbar-thumb{background:#00f0ff66;border-radius:3px}.ide-tabs::-webkit-scrollbar-thumb:hover{background:#00f0ffcc}.ide-tab{cursor:pointer;color:#fff9;white-space:nowrap;background:#ffffff08;border:1px solid #0000;border-radius:6px 6px 0 0;align-items:center;gap:6px;padding:6px 12px;font-size:11px;transition:all .2s;display:flex}.ide-tab.active-tab{border-color:#00f0ff4d;border-bottom:2px solid var(--neon-cyan);color:#fff;background:#00f0ff1a}.ide-tab-icon{font-size:12px}.ide-actions{align-items:center;gap:6px;display:flex}.btn-ide{color:#fff;font-size:10px;font-family:var(--font-display);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-weight:700;transition:all .2s;display:flex}.btn-ide:hover{background:#fff3}.btn-ide-run{background:var(--neon-green);color:#000;border:none;box-shadow:0 0 8px #39ff144d}.btn-ide-run:hover{background:#fff;box-shadow:0 0 12px #ffffff80}.ide-workspace{flex:1;display:flex;overflow:hidden}.ide-sidebar{border-right:1px solid var(--glass-border);background:#00000040;flex-direction:column;flex-shrink:0;width:180px;display:flex;overflow-y:auto}.ide-sidebar-file{cursor:pointer;color:#fff9;-webkit-user-select:none;user-select:none;align-items:center;padding:6px 12px;transition:background-color .2s,color .2s;display:flex}.ide-sidebar-file:hover{color:#fff;background:#ffffff0d}.ide-sidebar-file.active-sidebar-file{color:var(--neon-cyan);border-left:2px solid var(--neon-cyan);background:#00f0ff14;padding-left:10px}@media (max-width:768px){.ide-sidebar{display:none!important}}.ide-editor-area{background:#04060c;flex:1;display:flex;position:relative;overflow:hidden}.ide-line-numbers{color:#ffffff4d;text-align:right;-webkit-user-select:none;user-select:none;background:#0000004d;border-right:1px solid #ffffff0d;width:38px;padding:10px 8px 10px 0;font-size:11px;line-height:1.6;overflow:hidden}.ide-code-input{color:var(--neon-cyan);font-family:var(--font-mono);resize:none;white-space:pre;tab-size:2;background:0 0;border:none;outline:none;flex:1;padding:10px;font-size:11px;line-height:1.6}.ide-console-drawer{background:#020306;border-left:1px solid #ffffff14;flex-direction:column;width:260px;transition:width .3s;display:flex}.ide-console-header{font-family:var(--font-display);letter-spacing:1px;color:var(--neon-cyan);background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:6px 10px;font-size:9px;font-weight:700;display:flex}.ide-console-output{color:#ffffffd9;white-space:pre-wrap;word-break:break-word;flex:1;padding:10px;font-size:10px;overflow-y:auto}.ide-console-output .log-info{color:var(--neon-cyan)}.ide-console-output .log-success{color:var(--neon-green)}.ide-console-output .log-error{color:var(--neon-red)}.ide-touch-toolbar{background:#0a0f1ef2;border-top:1px solid #ffffff1a;gap:4px;padding:6px;display:flex;overflow-x:auto}.touch-key{color:#fff;min-width:32px;height:28px;font-family:var(--font-mono);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:4px;justify-content:center;align-items:center;font-size:11px;display:flex}.touch-key:active{background:var(--neon-cyan);color:#000}.spatial-mode-btn{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;transition:all .25s;display:flex}.spatial-mode-btn:hover{background:#ffffff1a}.spatial-mode-btn.active{background:#00f0ff1f;border-color:#00f0ff66}.spatial-indicator{background-color:#64748b;border-radius:50%;width:8px;height:8px;transition:all .25s}.spatial-mode-btn.active .spatial-indicator{background-color:var(--neon-green);box-shadow:0 0 8px var(--neon-green)}.spatial-label{font-family:var(--font-display);letter-spacing:.5px;color:#ffffffb3;font-size:8px;font-weight:700}.spatial-label strong{color:#fff}.spatial-mode-btn.active .spatial-label strong{color:var(--neon-green)}#win-terminal{-webkit-backdrop-filter:none!important;background:#030408!important;border-color:#39ff1433!important;box-shadow:0 10px 40px #00000080!important}#win-terminal .window-header{color:var(--neon-green)!important;background:#0f172ae6!important;border-bottom:1px solid #39ff1426!important}#win-terminal .window-body{opacity:1!important;background:#030408!important}.ide-preview-wrapper{background:#0b0f19;flex:1;width:100%;height:100%;display:none;position:relative}.ide-preview-wrapper.active-preview{display:flex}.ide-preview-iframe{background:#fff;border:none;border-radius:4px;width:100%;height:100%}.ai-provider-select{color:#fff;font-size:10px;font-family:var(--font-mono);background:#0f172ae6;border:1px solid #00f0ff4d;border-radius:4px;outline:none;padding:2px 6px}.ai-settings-panel{background:#0000004d;border-bottom:1px solid #ffffff0d;padding:8px}.settings-group{flex-direction:column;gap:6px;display:flex}.settings-group input{color:#fff;font-size:10px;font-family:var(--font-mono);background:#0006;border:1px solid #ffffff14;border-radius:4px;padding:4px 8px}.settings-group input:focus{border-color:var(--neon-cyan);outline:none}.ide-ai-wrapper{box-sizing:border-box;background:#080c16;flex-direction:column;flex:1;width:100%;height:100%;padding:12px;display:none}.ide-ai-wrapper.active-ai{display:flex}.ai-chat-header{color:var(--neon-cyan);font-family:var(--font-display);border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;padding-bottom:8px;font-size:11px;font-weight:700;display:flex}.ai-chat-history{flex-direction:column;flex:1;gap:8px;margin:10px 0;display:flex;overflow-y:auto}.ai-msg{border-radius:8px;max-width:85%;padding:8px 12px;font-size:11px;line-height:1.4}.ai-msg.agent{color:#e2e8f0;background:#00f0ff14;border:1px solid #00f0ff33;align-self:flex-start}.ai-msg.user{color:#fff;background:#39ff141a;border:1px solid #39ff1440;align-self:flex-end}.ai-input-box{gap:6px;display:flex}.ai-prompt-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;outline:none;flex:1;padding:6px 10px;font-size:11px}.ai-prompt-input:focus{border-color:var(--neon-cyan)}.browser-container{background:#0a0e1af2;flex-direction:column;width:100%;height:100%;display:flex}.browser-nav-bar{background:#121828e6;border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;padding:8px 12px;display:flex}.btn-nav-browser{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .2s;display:flex}.btn-nav-browser:hover{border-color:var(--neon-cyan);background:#00f0ff33}.browser-url-input{color:#00f0ff;font-family:var(--font-mono);background:#05080fcc;border:1px solid #00f0ff4d;border-radius:20px;outline:none;flex:1;padding:5px 14px;font-size:11px}.browser-url-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 8px #00f0ff66}.browser-quick-bookmarks{background:#080c16cc;border-bottom:1px solid #ffffff0d;gap:6px;padding:6px 12px;display:flex;overflow-x:auto}.bookmark-chip{color:#fffc;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:2px 10px;font-size:10px;transition:all .2s}.bookmark-chip:hover{color:#fff;background:#00f0ff26}.browser-viewport{background:#fff;border:none;flex:1;width:100%;height:100%}@media (max-width:1024px){.system-dock{width:97%;padding:0 10px}.aether-window{max-width:92vw!important;max-height:85vh!important}.webcam-bubble{width:160px}.ide-container{font-size:12px}.launcher-label{font-size:7px}}@media (max-width:768px){.system-dock{border-radius:14px;width:96%;height:50px;padding:0 8px;bottom:6px}.dock-left{flex-shrink:0;gap:4px}.dock-apps{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;gap:6px;overflow-x:auto}.dock-apps::-webkit-scrollbar{display:none}.dock-right{flex-shrink:0}.app-launcher{width:32px;height:32px}.app-icon{width:16px;height:16px}.launcher-label,.os-logo,.performance-metrics,.divider{display:none}.webcam-bubble{width:130px;top:8px;right:8px}.panel-title{font-size:8px}.ide-workspace{flex-direction:column!important;overflow-y:auto!important}.ide-editor-area{flex:none!important;min-height:220px!important}.ide-preview-wrapper,.ide-ai-wrapper{flex:none!important;min-height:200px!important}.ide-console-drawer{border-top:1px solid #ffffff14!important;border-left:none!important;flex:none!important;width:100%!important;height:150px!important;position:relative!important}.aether-window{max-width:98vw!important;max-height:90vh!important}.ide-toolbar{flex-direction:column!important;align-items:stretch!important;gap:6px!important}.ide-tabs{width:100%!important;max-width:100%!important;overflow-x:auto!important}.ide-tab{white-space:nowrap!important;border-radius:0!important;padding:4px 8px!important;font-size:9px!important}.ide-actions{flex-wrap:wrap!important;justify-content:flex-start!important;gap:4px!important;width:100%!important}.btn-ide{text-align:center!important;flex:auto!important;justify-content:center!important;padding:4px 8px!important;font-size:8px!important}.spatial-label{font-size:7px}.spatial-mode-btn{padding:4px 8px}.keyboard-label{font-size:7px}.gesture-status-dock{display:none}.ide-touch-toolbar{gap:4px}.touch-key{padding:5px 7px;font-size:9px}.term-line-input{font-size:11px}.window-body{-webkit-overflow-scrolling:touch;overflow:auto}.virtual-keyboard-container{width:96%;bottom:64px}.kbd-key{min-width:24px;padding:8px 4px;font-size:11px}.fallback-card{width:90%;padding:24px}.simulator-helper-box{width:180px;font-size:9px}}@media (max-width:480px){.system-dock{border-radius:12px;width:98%;height:44px;padding:0 4px;bottom:4px}.dock-apps{gap:4px}.app-launcher{width:28px;height:28px}.app-icon{width:14px;height:14px}.system-time{font-size:10px}.spatial-mode-btn{padding:3px 6px}.spatial-label,.keyboard-label{font-size:6px}.webcam-bubble{width:100px;top:4px;right:4px}.aether-window{max-width:98vw!important;max-height:75vh!important}.window-titlebar{padding:6px 8px;font-size:10px}.window-titlebar .title-text{font-size:9px}.ide-workspace{flex-direction:column}.ide-console-drawer{width:100%;height:120px}.ide-toolbar{flex-direction:column;gap:2px}.ide-tabs{max-width:100%;overflow-x:auto}.ide-actions{flex-wrap:wrap;gap:2px}.btn-ide{padding:3px 6px;font-size:7px}.ide-touch-toolbar{flex-wrap:wrap;gap:2px}.touch-key{padding:4px 5px;font-size:8px}.dashboard-grid{grid-template-columns:1fr}.stat-card.full-width{grid-column:1}.simulator-helper-box{width:140px;font-size:8px}.fallback-card{width:95%;padding:16px;font-size:12px}.fallback-choices{flex-direction:column;gap:8px}.virtual-keyboard-container{width:98%;bottom:56px}.kbd-key{min-width:20px;padding:6px 2px;font-size:10px}.keyboard-row{gap:2px}.file-grid{grid-template-columns:repeat(2,1fr)!important}.browser-nav-bar{flex-wrap:wrap;gap:4px}.browser-url-input{min-width:120px;font-size:10px}}@media (hover:none) and (pointer:coarse){.app-launcher{min-width:36px;min-height:36px}.btn-ide{min-width:44px;min-height:32px}.touch-key{min-height:32px}.kbd-key{min-height:36px}.ide-tab{min-height:28px}.window-control{width:14px;height:14px}.touchless-pointer{display:none}}.term-interactive-input{color:#39ff14;font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;width:100%;margin:0 0 0 6px;padding:0;font-size:11px}.virtual-keyboard-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);box-shadow:0 10px 40px #0006, var(--glass-shadow);z-index:10000;pointer-events:auto;-webkit-user-select:none;user-select:none;border-radius:16px;flex-direction:column;gap:8px;width:540px;max-width:95%;padding:12px;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.keyboard-row{justify-content:center;gap:6px;width:100%;display:flex}.kbd-key{color:#fff;height:38px;font-family:var(--font-sans);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex:1;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:flex}.kbd-key:hover{border-color:var(--neon-cyan);background:#ffffff1f}.kbd-key:active{background:#00f0ff33;transform:scale(.95)}.kbd-key.special{color:var(--neon-cyan);background:#00f0ff1a;border-color:#00f0ff40;font-size:11px}.kbd-key.special:hover{background:#00f0ff33}.kbd-key.space{flex:3}.kbd-key.close-kbd{color:#ff3b30;background:#ff073a26;border-color:#ff073a4d}.kbd-key.close-kbd:hover{background:#ff073a40}
