:root{--bg-primary: #0a0e14;--bg-secondary: #1a1e24;--bg-tertiary: #252a32;--text-primary: #e6e6e6;--text-secondary: #888888;--accent: #00d9ff;--success: #50fa7b;--error: #ff5555;--warning: #ffb86c;--border: #2d3340}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Fira Code,Courier New,monospace;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;height:100vh}#os-root{width:100vw;height:100vh;display:flex;flex-direction:column}.terminal{width:100%;height:100%;display:flex;flex-direction:column;background:var(--theme-bg, var(--bg-primary));border:2px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 10px 40px #00000080}.terminal-header{background:var(--bg-secondary);padding:12px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.terminal-title{color:var(--theme-cyan, var(--accent));font-weight:600;font-size:14px;letter-spacing:.5px}.terminal-output{flex:1;padding:20px;overflow-y:auto;font-size:14px;line-height:1.6;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) var(--theme-bg, var(--bg-primary));background:var(--theme-bg, var(--bg-primary))}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:var(--theme-bg, var(--bg-primary))}.terminal-output::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.terminal-output::-webkit-scrollbar-thumb:hover{background:var(--border)}.terminal-line{margin-bottom:4px;white-space:pre-wrap;word-wrap:break-word;color:var(--theme-fg, var(--text-primary))}.terminal-input-line{display:flex;align-items:center;padding:15px 20px;background:var(--theme-bg, var(--bg-secondary));border-top:1px solid var(--border)}.terminal-prompt{color:var(--theme-cyan, var(--accent));font-weight:600;margin-right:10px;user-select:none}.terminal-input{flex:1;background:transparent;border:none;outline:none;color:var(--theme-fg, var(--text-primary));font-family:Fira Code,Courier New,monospace;font-size:14px;caret-color:var(--theme-cursor, var(--accent))}.terminal-input::selection{background:var(--theme-selection, var(--accent));color:var(--theme-bg, var(--bg-primary))}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 768px){.terminal{border-radius:0;border:none}.terminal-output{padding:15px;font-size:13px}.terminal-input-line{padding:12px 15px}.terminal-input{font-size:13px}}.boot-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;transition:opacity .5s ease-out}.boot-screen.hidden{opacity:0;pointer-events:none}.boot-logo{font-size:48px;color:var(--accent);font-weight:700;margin-bottom:20px;text-shadow:0 0 20px rgba(0,217,255,.5)}.boot-text{color:var(--text-secondary);font-size:14px;margin-bottom:30px}.boot-spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kernel-panic-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0000;z-index:9999;display:flex;align-items:center;justify-content:center}.panic-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.panic-box{position:relative;z-index:2;animation:glitchBox .3s infinite}.panic-box-border{border:3px solid #ff0000;padding:40px 60px;background:#8b0000e6;box-shadow:0 0 20px #ff000080,inset 0 0 20px #f003;font-family:Fira Code,monospace;min-width:600px}.panic-header{font-size:48px;font-weight:700;color:red;text-align:center;margin-bottom:20px;letter-spacing:8px;animation:rgbSplit .4s infinite;text-shadow:2px 0 0 #00ffff,-2px 0 0 #ff00ff}.panic-divider{height:2px;background:red;margin:15px 0;animation:flicker .15s infinite}.panic-error-code{font-size:24px;color:#f66;text-align:center;margin:20px 0;font-weight:600;letter-spacing:3px}.panic-reason-text{font-size:18px;color:#fcc;text-align:center;margin:20px 0;line-height:1.6}.panic-status{font-size:32px;color:red;text-align:center;margin:20px 0;font-weight:700;letter-spacing:6px;animation:rgbSplit .5s infinite;text-shadow:3px 0 0 #00ffff,-3px 0 0 #ff00ff}.panic-footer{font-size:16px;color:#f99;text-align:center;margin-top:20px;animation:blink 1s infinite}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(255,0,0,.1) 0px,transparent 1px,transparent 2px,rgba(255,0,0,.1) 3px);pointer-events:none;animation:scanlineMove 8s linear infinite;z-index:3}@keyframes rgbSplit{0%{text-shadow:2px 0 0 #00ffff,-2px 0 0 #ff00ff}25%{text-shadow:-2px 0 0 #00ffff,2px 0 0 #ff00ff}50%{text-shadow:3px 0 0 #00ffff,-3px 0 0 #ff00ff}75%{text-shadow:-3px 0 0 #00ffff,3px 0 0 #ff00ff}to{text-shadow:2px 0 0 #00ffff,-2px 0 0 #ff00ff}}@keyframes glitchBox{0%{transform:translate(0)}10%{transform:translate(-2px,2px)}20%{transform:translate(2px,-2px)}30%{transform:translate(0)}40%{transform:translate(2px,2px)}50%{transform:translate(-2px,-2px)}60%{transform:translate(0)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translateY(-2px)}to{transform:translate(0)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.7}}@keyframes scanlineMove{0%{transform:translateY(0)}to{transform:translateY(10px)}}.reboot-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:10000}.reboot-content{text-align:center}.reboot-title{font-size:32px;color:var(--accent);font-weight:600;margin-bottom:30px;font-family:Fira Code,monospace}.reboot-spinner{width:50px;height:50px;border:4px solid var(--bg-tertiary);border-top:4px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}