@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0a0e17;--bg-surface:#111827;--text-primary:#e2e8f0;--text-secondary:#8892b0;--text-muted:#4a5568;--accent-cyan:#00f3ff;--accent-green:#00ff41;--accent-purple:#7b2cbf;--accent-red:#ff5f56;--accent-yellow:#ffbd2e;--card-bg:#111827cc;--card-border:#00f3ff26;--glass-bg:#0a0e17bf;--glass-border:#00f3ff26;--font-mono:"JetBrains Mono", monospace;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--window-radius:12px;--dock-height:72px;--transition-fast:.15s ease;--transition-normal:.25s ease;--shadow-window:0 25px 60px #0009, 0 0 1px #00f3ff1a;--shadow-window-focused:0 30px 80px #000c, 0 0 0 1px #00f3ff4d}@keyframes kenBurns{0%{transform:scale(1)translate(0)}to{transform:scale(1.05)translate(-15px,-10px)}}.wallpaper-container{animation:40s ease-in-out infinite alternate kenBurns}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body,*{cursor:none!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00f3ff33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00f3ff66}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:8px}.mono{font-family:var(--font-mono)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::selection{color:var(--text-primary);background:#00f3ff4d}.terminal-input{border:1px solid var(--card-border);color:var(--text-primary);font-family:var(--font-mono);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);background:#0006;border-radius:6px;outline:none;width:100%;padding:.85rem 1rem;font-size:.9rem}.terminal-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 12px #00f3ff26}.terminal-input::placeholder{color:var(--text-muted)}@media (width<=768px){:root{--dock-height:60px}}.boot-scene{z-index:1000;perspective:1200px;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.laptop{transform-style:preserve-3d;width:520px;height:340px;position:relative}.laptop-lid{transform-origin:bottom;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,1,.36,1);position:absolute;transform:rotateX(0)}.laptop-lid.closed{transform:rotateX(-90deg)}.laptop-screen{background:#111;border:2px solid #333;border-radius:12px 12px 0 0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.laptop-screen-inner{color:#00ff41;background:#0a0e17;border-radius:4px;flex-direction:column;justify-content:flex-end;width:calc(100% - 24px);height:calc(100% - 24px);padding:16px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex;overflow:hidden}.laptop-bottom{transform-origin:top;background:linear-gradient(#2a2a2a,#1a1a1a);border:1px solid #333;border-top:none;border-radius:0 0 16px 16px;width:110%;height:250px;position:absolute;top:100%;left:-5%;transform:rotateX(-75deg);box-shadow:0 30px 50px #000c}.laptop-keys{background:#111;border-radius:6px;width:80%;height:120px;position:absolute;top:20px;left:10%;box-shadow:inset 0 2px 5px #00000080}.laptop-trackpad{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;width:25%;height:60px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.power-btn{z-index:10;background:#1a1a1a;border:2px solid #444;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:25px;right:25px;cursor:pointer!important}.power-btn svg{stroke:#555;width:14px;height:14px;transition:stroke .3s}.power-btn:hover{border-color:var(--accent-green);box-shadow:0 0 15px #00ff414d}.power-btn:hover svg{stroke:var(--accent-green)}.power-btn.active{border-color:var(--accent-green);box-shadow:0 0 20px #00ff4180}.power-btn.active svg{stroke:var(--accent-green)}@keyframes screenFlicker{0%{opacity:0}5%{opacity:.8}10%{opacity:.1}15%{opacity:.9}20%{opacity:.2}30%{opacity:1}to{opacity:1}}.screen-flicker{animation:.6s ease-out forwards screenFlicker}.boot-line{opacity:0;line-height:1.8;animation:.15s forwards bootLineAppear}@keyframes bootLineAppear{to{opacity:1}}.boot-zoom{animation:.8s cubic-bezier(.22,1,.36,1) forwards zoomToDesktop}@keyframes zoomToDesktop{0%{opacity:1;border-radius:12px;transform:scale(1)}to{opacity:0;border-radius:0;transform:scale(4.5)}}.skip-hint{color:#555;opacity:0;font-family:JetBrains Mono,monospace;font-size:12px;animation:.5s 1.5s forwards fadeIn;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}@keyframes fadeIn{to{opacity:1}}.os-window{border-radius:var(--window-radius);box-shadow:var(--shadow-window);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);will-change:transform;background:#0a0e17eb;flex-direction:column;display:flex;position:absolute;overflow:hidden}.os-window.focused{box-shadow:var(--shadow-window-focused);border-color:#00f3ff1f}.window-titlebar{-webkit-user-select:none;user-select:none;background:#0006;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;height:40px;padding:0 14px;display:flex}.traffic-lights{align-items:center;gap:8px;display:flex}.traffic-light{width:13px;height:13px;transition:filter var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;cursor:pointer!important}.traffic-light svg{opacity:0;width:7px;height:7px;transition:opacity var(--transition-fast)}.window-titlebar:hover .traffic-light svg{opacity:1}.traffic-light.close{background:#ff5f56}.traffic-light.close svg{stroke:#4a0000}.traffic-light.minimize{background:#ffbd2e}.traffic-light.minimize svg{stroke:#5a3e00}.traffic-light.maximize{background:#27c93f}.traffic-light.maximize svg{stroke:#0a4a12}.traffic-light:hover{filter:brightness(1.15)}.window-title{text-align:center;color:var(--text-secondary);font-size:13px;font-weight:500;font-family:var(--font-sans);pointer-events:none;flex:1}.window-body{flex:1;position:relative;overflow:auto}.os-window.minimized{pointer-events:none;opacity:0;transform:scale(.1)translateY(100vh)}.dock-container{z-index:5;justify-content:center;align-items:flex-end;display:flex;position:fixed;bottom:8px;left:50%;transform:translate(-50%)}.dock-bar{-webkit-backdrop-filter:blur(20px);background:#1e1e328c;border:1px solid #ffffff1f;border-radius:18px;align-items:flex-end;gap:4px;padding:6px 10px;display:flex;box-shadow:0 8px 40px #00000080}.dock-icon-wrapper{flex-direction:column;align-items:center;display:flex;position:relative}.dock-icon{width:52px;height:52px;transition:all var(--transition-fast);will-change:transform;background:#151923;border:1px solid #00f3ff33;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 4px 10px #00000080;cursor:pointer!important}.dock-icon:hover{background:#1f2536;border-color:#00f3ff80}.dock-icon svg{width:28px;height:28px;color:var(--text-primary);transition:color var(--transition-fast)}.dock-indicator{background:var(--accent-cyan);opacity:0;width:4px;height:4px;transition:opacity var(--transition-normal);border-radius:50%;margin-top:4px}.dock-indicator.active{opacity:1}.dock-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);font-size:12px;font-family:var(--font-sans);white-space:nowrap;pointer-events:none;background:#1e1e32e6;border:1px solid #ffffff1a;border-radius:6px;padding:4px 10px;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}@keyframes dockBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-16px)}50%{transform:translateY(-4px)}75%{transform:translateY(-10px)}}.dock-icon.bouncing{animation:.6s dockBounce}@media (width<=768px){.dock-container{bottom:0;left:0;right:0;transform:none}.dock-bar{border-radius:0;justify-content:space-around;gap:0;width:100%;padding:8px 4px}.dock-icon{border-radius:10px;width:44px;height:44px}.dock-icon svg{width:22px;height:22px}.dock-tooltip{display:none}}.terminal-app{background:#0a0e17;width:100%;height:100%;position:relative}.terminal-app .xterm{height:100%;padding:8px}.terminal-app .xterm-viewport::-webkit-scrollbar{width:6px}.terminal-app .xterm-viewport::-webkit-scrollbar-track{background:0 0}.terminal-app .xterm-viewport::-webkit-scrollbar-thumb{background:#00f3ff33;border-radius:3px}.terminal-app .xterm-rows{font-family:JetBrains Mono,monospace!important}.terminal-fallback{color:#e2e8f0;background:#0a0e17;flex-direction:column;width:100%;height:100%;padding:16px;font-family:JetBrains Mono,monospace;font-size:14px;display:flex;overflow-y:auto}.terminal-fallback .prompt{color:#00ff41}.terminal-fallback .cmd-input{color:#e2e8f0;font-family:inherit;font-size:inherit;caret-color:#00ff41;background:0 0;border:none;outline:none;width:100%}.terminal-fallback .output-line{white-space:pre-wrap;word-break:break-word;line-height:1.6}.terminal-fallback .output-line.accent-cyan{color:#00f3ff}.terminal-fallback .output-line.accent-green{color:#00ff41}.terminal-fallback .output-line.accent-purple{color:#7b2cbf}.terminal-fallback .output-line.accent-yellow{color:#ffbd2e}.terminal-fallback .output-line.accent-red{color:#ff5f56}.terminal-fallback .output-line.muted{color:#4a5568}