:root{--terminal-green: #33ff33;--terminal-green-dim: #1a8c1a;--terminal-bg: #0a0a0a;--terminal-amber: #ffb000;--bezel-light: #d4cbb8;--bezel-mid: #c0b8a8;--bezel-dark: #a89e8e;--desk-bg: #2a2a2e}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:VT323,monospace;font-size:18px;line-height:1.4;background-color:var(--desk-bg);color:var(--terminal-green);font-variant-ligatures:none;font-feature-settings:"liga" 0,"clig" 0}a{color:var(--terminal-amber);text-decoration:none}a:hover{text-decoration:underline}.monitor-container{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.monitor{width:700px;height:620px;display:flex;flex-direction:column;background:linear-gradient(180deg,#d4cbb8 0%,#cec5b2 4%,var(--bezel-mid) 20%,var(--bezel-dark) 100%);border-radius:14px 14px 8px 8px;padding:22px 22px 0;box-shadow:0 12px 40px #0009,0 4px 8px #0000004d,inset 0 1px #ffffff40,inset 0 -1px #0000001a}.monitor-bezel{flex:1;min-height:0;background:linear-gradient(160deg,#2a2a2a,#1a1a1a 30%,#111);border-radius:6px;padding:18px 22px;box-shadow:inset 0 2px 6px #000c,inset 0 0 1px #ffffff0d}.monitor-screen{position:relative;width:100%;height:100%;background:var(--terminal-bg);border-radius:6px;overflow:hidden;box-shadow:inset 0 0 50px #00000080,inset 0 0 10px #0000004d,0 0 20px #33ff3308,0 0 2px #33ff330f}.monitor-bottom{display:flex;align-items:center;height:48px;padding:0 8px;flex-shrink:0}.monitor-brand{display:flex;align-items:center;gap:8px}.monitor-brand-logo{display:flex;gap:2px}.rainbow-bar{width:8px;height:14px;border-radius:1px}.rb-red{background:#c33}.rb-green{background:#3a3}.rb-blue{background:#35c}.rb-yellow{background:#ca3}.monitor-brand-text{font-family:VT323,monospace;font-size:16px;color:#7a7264;letter-spacing:4px;text-transform:lowercase}.monitor-model{margin-left:auto;margin-right:16px;font-family:VT323,monospace;font-size:11px;color:#8a8274;letter-spacing:1.5px;text-transform:uppercase}.monitor-controls{display:flex;align-items:center;gap:10px}.monitor-led{width:6px;height:6px;border-radius:50%;background:#4c4;box-shadow:0 0 4px #4c49}.monitor-knob{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#888,#555 60%,#333);border:1px solid #444;box-shadow:0 1px 2px #0006,inset 0 1px 1px #ffffff26}.terminal{height:100%;width:100%;padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;text-shadow:0 0 6px rgba(51,255,51,.5),0 0 12px rgba(51,255,51,.2)}.terminal-output{flex-shrink:0}.terminal-input-line{display:flex;align-items:center;white-space:pre}.terminal-input-line .prompt{color:var(--terminal-green);flex-shrink:0}.terminal-input-hidden{position:fixed;left:-9999px;opacity:0}.input-display{color:var(--terminal-green)}.cursor{animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.output-entry{white-space:pre-wrap;word-break:break-word}.output-command .prompt{color:var(--terminal-green)}.crt-overlay{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 1px,rgba(255,255,255,.05) 1px,rgba(255,255,255,.05) 2px);pointer-events:none;z-index:50}.terminal::-webkit-scrollbar{width:8px}.terminal::-webkit-scrollbar-track{background:var(--terminal-bg)}.terminal::-webkit-scrollbar-thumb{background:var(--terminal-green-dim)}.accent{color:var(--terminal-amber)}.boot-sequence,.boot-sysinfo{white-space:pre-wrap}.boot-cursor{animation:blink 1s step-end infinite}.boot-cursor-hidden{visibility:hidden}.monitor-screen.crt-turning-on{animation:crt-turn-on .8s ease-out forwards}.monitor-screen.crt-turning-on .terminal{opacity:0;animation:crt-content-fade-in .8s ease-out 1.8s forwards}@keyframes crt-turn-on{0%{background:#000;box-shadow:none}5%{background:#000;box-shadow:inset 0 0 20px #33ff330d}15%{background:linear-gradient(to bottom,#000 calc(50% - 1px),#3f3c 50%,#000 calc(50% + 1px))}40%{background:linear-gradient(to bottom,#000 calc(50% - 4px),#3f39 calc(50% - 2px),#33ff33e6 50%,#3f39 calc(50% + 2px),#000 calc(50% + 4px))}70%{background:var(--terminal-bg);box-shadow:inset 0 0 80px #33ff331a,inset 0 0 10px #0000004d}to{background:var(--terminal-bg);box-shadow:inset 0 0 50px #00000080,inset 0 0 10px #0000004d,0 0 20px #33ff3308,0 0 2px #33ff330f}}@keyframes crt-content-fade-in{0%{opacity:0}to{opacity:1}}.monitor-screen.crt-shutting-down .terminal{animation:crt-content-fade-out .15s ease-in forwards}.monitor-screen.crt-shutting-down{animation:crt-shutdown .8s ease-in forwards}@keyframes crt-content-fade-out{0%{opacity:1}to{opacity:0}}@keyframes crt-shutdown{0%{background:var(--terminal-bg);box-shadow:inset 0 0 50px #00000080,inset 0 0 10px #0000004d,0 0 20px #33ff3308,0 0 2px #33ff330f}40%{background:linear-gradient(to bottom,#000 calc(50% - 3px),#33ff33e6 calc(50% - 1px),#c8ffc8 50%,#33ff33e6 calc(50% + 1px),#000 calc(50% + 3px));box-shadow:inset 0 0 #0000,0 0 30px #33ff3326}65%{background:radial-gradient(circle at center,#c8ffc8,#3f3c 2px,#000 6px);box-shadow:0 0 20px #3f33}85%{background:radial-gradient(circle at center,#3f36,#000 4px);box-shadow:0 0 8px #33ff331a}to{background:#000;box-shadow:none}}.monitor-screen.crt-off{background:#000;box-shadow:none}.monitor-screen.crt-off .crt-overlay{display:none}.monitor-led-off{background:#333!important;box-shadow:none!important}@media(max-width:600px){.monitor-container{padding:0}.monitor{width:100%;height:100%;border-radius:0;padding:0}.monitor-bezel{border-radius:0;padding:0}.monitor-screen{border-radius:0}.monitor-bottom{display:none}.terminal{padding:12px}}