@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root,.theme-green{--phosphor: #00ff41;--phosphor-dim: #0a7a28;--phosphor-glow: rgba(0, 255, 65, .4);--phosphor-bright: #66ff77;--phosphor-screen-glow: rgba(0, 255, 65, .06);--phosphor-scanline: rgba(0, 255, 65, .06);--screen-bg: #010201;--bezel-main: #d8ceb8;--bezel-light: #ece4d4;--bezel-dark: #a89c88;--bezel-shadow: #6e6454}.theme-amber{--phosphor: #ffb000;--phosphor-dim: #8a6000;--phosphor-glow: rgba(255, 176, 0, .4);--phosphor-bright: #ffd060;--phosphor-screen-glow: rgba(255, 176, 0, .06);--phosphor-scanline: rgba(255, 176, 0, .06);--screen-bg: #0a0600}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:#000;font-family:VT323,Courier New,monospace;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}::selection{background:var(--phosphor);color:#000}.scene{position:relative;width:100vw;height:100vh;overflow:hidden;cursor:text}.room{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.room-wall{position:absolute;top:0;left:0;right:0;height:55%;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.04) 1px,transparent 1px),radial-gradient(circle at 80% 60%,rgba(0,0,0,.03) 1px,transparent 1px),radial-gradient(circle at 50% 80%,rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(180deg,#d9c8a0,#cdb88a 40%,#c4ad7e);background-size:3px 3px,4px 4px,5px 5px,100% 100%}.room-baseboard{position:absolute;top:55%;left:0;right:0;height:12px;background:linear-gradient(180deg,#8a6e45,#6b5535,#5a4528);box-shadow:0 2px 4px #0000004d;z-index:1}.room-floor{position:absolute;top:calc(55% + 12px);left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 119px,rgba(0,0,0,.12) 119px,rgba(0,0,0,.12) 121px,transparent 121px),repeating-linear-gradient(0deg,rgba(0,0,0,.04) 0px,transparent 1px,transparent 8px,rgba(0,0,0,.03) 9px,transparent 10px),linear-gradient(180deg,#9c7a50,#86663e,#6e5230 80%,#5a4020)}.room-shadow-l{position:absolute;top:0;left:0;bottom:0;width:15%;background:linear-gradient(90deg,rgba(0,0,0,.35) 0%,transparent 100%);z-index:1;pointer-events:none}.room-shadow-r{position:absolute;top:0;right:0;bottom:0;width:15%;background:linear-gradient(-90deg,rgba(0,0,0,.35) 0%,transparent 100%);z-index:1;pointer-events:none}.room-light{position:absolute;top:10%;left:30%;width:40%;height:50%;background:radial-gradient(ellipse at center,rgba(255,220,150,.12) 0%,transparent 70%);pointer-events:none;z-index:1}.poster{position:absolute;width:120px;background:#fff;border:5px solid #f0ead8;box-shadow:3px 4px 10px #00000059;padding:10px;font-family:VT323,monospace;text-align:center;z-index:2;transition:transform .3s ease}.poster{pointer-events:auto}.poster:hover{transform:scale(1.06);z-index:5}.poster-1{top:6%;left:12%;transform:rotate(-3deg)}.poster-2{top:5%;left:50%;transform:translate(-50%) rotate(1.5deg);background:#1a1a2e}.poster-3{top:7%;right:12%;transform:rotate(-1deg);background:#fff8e1}.poster h3{font-size:14px;margin:0 0 5px;color:#1a1a1a;letter-spacing:1px;border-bottom:2px solid #333;padding-bottom:3px}.poster p{font-size:11px;color:#555;margin:2px 0;line-height:1.3}.poster-tag{display:inline-block;font-size:9px;background:#333;color:#fff;padding:1px 7px;border-radius:2px;margin-top:4px}.poster-pin{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f55,#a00);box-shadow:0 2px 3px #00000080;position:absolute;top:-5px;left:50%;transform:translate(-50%);z-index:3}.poster-2 h3{color:#00ff41;border-color:#00ff41}.poster-2 p{color:#8c8}.poster-3 h3{color:#b8860b;border-color:#b8860b}.desk-top{position:absolute;left:8%;right:8%;top:64%;height:14px;background:repeating-linear-gradient(90deg,#6b4423,#5a3819 1px,#7d5230 60px,#6b4423 61px),linear-gradient(180deg,#7d5a38,#6b4423);background-blend-mode:multiply;border-radius:3px 3px 0 0;box-shadow:0 3px 8px #0006,inset 0 2px 3px #ffffff1a;z-index:3}.desk-front-face{position:absolute;left:8%;right:8%;top:calc(64% + 14px);height:28px;background:linear-gradient(180deg,#5a3819,#4a2f15);box-shadow:inset 0 1px #ffffff0f;z-index:3}.desk-leg-l,.desk-leg-r{position:absolute;width:14px;top:calc(64% + 42px);bottom:0;background:linear-gradient(90deg,#4a2f15,#5a3819,#4a2f15);z-index:2}.desk-leg-l{left:12%}.desk-leg-r{right:12%}.desk-shadow{position:absolute;left:10%;right:10%;top:calc(64% + 42px);height:20px;background:linear-gradient(180deg,rgba(0,0,0,.2),transparent);z-index:1;pointer-events:none}.desk-items{position:absolute;bottom:calc(36% - 4px);left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:flex-end;gap:14px}.printer{width:110px;cursor:pointer;transition:transform .2s;flex-shrink:0;align-self:flex-end}.printer:hover{transform:translateY(-3px)}.printer:active{transform:translateY(0)}.printer-top{background:linear-gradient(180deg,var(--bezel-light),var(--bezel-main));border-radius:4px 4px 0 0;padding:5px 8px 3px}.printer-tray{height:10px;background:#555;border-radius:2px 2px 0 0;border:1px solid #444;margin-bottom:2px}.printer-paper{width:70px;height:18px;background:#fff;margin:0 auto;border-radius:1px;display:flex;align-items:center;justify-content:center;font-family:VT323,monospace;font-size:11px;color:#999;box-shadow:0 1px 2px #0003;animation:paper-peek 3s ease-in-out infinite}@keyframes paper-peek{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.printer-body{background:linear-gradient(180deg,var(--bezel-main),var(--bezel-dark));padding:6px 8px;border-radius:0 0 4px 4px;border:1px solid var(--bezel-shadow);border-top:none}.printer-slot{height:3px;background:#333;border-radius:1px;margin-bottom:4px}.printer-led-row{display:flex;gap:5px;margin-bottom:3px}.printer-led{width:6px;height:6px;border-radius:50%;background:#333}.printer-led-on{background:#0c0;box-shadow:0 0 5px #0c0}.printer-label{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:8px;color:var(--bezel-shadow);letter-spacing:.5px;display:block;text-align:center;margin-top:2px}.global-scanlines{position:fixed;inset:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0px,rgba(0,0,0,.08) 1px,transparent 1px,transparent 3px)}.desk-layout{display:flex;align-items:flex-end;gap:12px}.monitor-wrapper{flex-shrink:0}.power-hint{font-family:VT323,monospace;font-size:15px;color:var(--phosphor);text-shadow:0 0 8px var(--phosphor-glow),0 0 16px var(--phosphor-glow);animation:hint-pulse 2s ease-in-out infinite;pointer-events:none;white-space:nowrap;text-align:center;margin-top:4px}@keyframes hint-pulse{0%,to{opacity:1}50%{opacity:.4}}.crt-monitor{width:min(460px,44vw);height:min(400px,50vh);max-height:50vh;background:linear-gradient(165deg,var(--bezel-light) 0%,var(--bezel-main) 40%,var(--bezel-dark) 100%);border-radius:22px 22px 18px 18px;padding:12px 18px 10px;transform:rotateY(-2deg);box-shadow:0 20px 60px #0009,0 8px 25px #0006,10px 0 0 var(--bezel-dark),12px 2px 0 var(--bezel-shadow),inset 0 2px 4px #ffffff80,inset 0 -2px 4px #00000026,inset 2px 0 4px #fff3,inset -2px 0 4px #0000001a,0 30px 60px #00ff410f;transition:transform .4s ease;display:flex;flex-direction:column;position:relative}.crt-monitor:hover{transform:rotateY(-1deg) translateY(-2px)}.monitor-vents{display:flex;gap:6px;justify-content:center;padding:4px 0 6px}.vent-slot{width:30px;height:3px;background:linear-gradient(to bottom,var(--bezel-dark),var(--bezel-shadow));border-radius:1px;box-shadow:inset 0 1px #fff3}.tab-bar{display:flex;align-items:center;gap:2px;padding:0 4px 4px;-webkit-user-select:none;user-select:none}.tab-btn{font-family:VT323,Courier New,monospace;font-size:13px;padding:2px 12px;border:none;border-radius:4px 4px 0 0;background:var(--bezel-dark);color:var(--bezel-shadow);cursor:pointer;transition:background .15s}.tab-btn:hover{background:var(--bezel-main)}.tab-active{background:#1a1a1a;color:var(--phosphor);text-shadow:0 0 4px var(--phosphor-glow)}.tab-hint{margin-left:auto;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:9px;color:#8a8070;letter-spacing:.5px}.tab-indicator{font-family:VT323,monospace;font-size:11px;color:var(--phosphor-dim);padding:1px 6px;border:1px solid var(--bezel-dark);border-radius:3px;margin-left:4px}.screen-bezel{flex:1;min-height:0;background:#1a1a1a;border-radius:12px;padding:14px;box-shadow:inset 0 0 40px #000000f2,inset 0 0 15px var(--phosphor-screen-glow),0 1px #ffffff26;display:flex;overflow:hidden}.screen-inner{flex:1;position:relative;background:var(--screen-bg);border-radius:6px;overflow-y:auto;overflow-x:hidden;box-shadow:inset 0 0 60px var(--phosphor-screen-glow),inset 0 0 15px #000000e6}.screen-inner::-webkit-scrollbar{width:3px}.screen-inner::-webkit-scrollbar-track{background:transparent}.screen-inner::-webkit-scrollbar-thumb{background:var(--phosphor-dim);border-radius:2px}.crt-off{background:#000;box-shadow:none}.crt-powering{background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.power-line{width:100%;height:2px;background:#fff;box-shadow:0 0 20px #fff,0 0 60px #fff,0 0 100px #ffffff80;animation:power-expand 1.5s ease-out forwards;border-radius:1px}@keyframes power-expand{0%{height:1px;opacity:0;box-shadow:0 0 5px #fff}15%{height:2px;opacity:1;box-shadow:0 0 30px #fff,0 0 80px #fff}40%{height:3px;box-shadow:0 0 40px #fff,0 0 120px #ffffffb3}70%{height:30%;box-shadow:0 0 60px #fff,0 0 200px #fff6}85%{height:80%;opacity:.9}to{height:100%;opacity:0}}.crt-boot{animation:screen-bloom .6s ease-out}@keyframes screen-bloom{0%{filter:brightness(3) saturate(0)}30%{filter:brightness(1.8) saturate(.5)}to{filter:brightness(1) saturate(1)}}.led-off{background:#333;box-shadow:none;animation:none}.phosphor-glow{position:absolute;inset:0;border-radius:6px;background:radial-gradient(ellipse at center,var(--phosphor-screen-glow) 0%,transparent 65%);pointer-events:none;z-index:1}.scanlines{position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:6px;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0px,rgba(0,0,0,.18) 1px,transparent 1px,transparent 2.5px)}.scanline-moving{position:absolute;top:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,transparent 0%,var(--phosphor-scanline) 50%,transparent 100%);animation:scanmove 5s linear infinite;pointer-events:none;z-index:4;border-radius:6px}@keyframes scanmove{0%{transform:translateY(-100%)}to{transform:translateY(800%)}}.screen-content{position:relative;z-index:2;padding:14px 18px}.term-line{font-family:VT323,Courier New,monospace;font-size:15px;line-height:1.35;color:var(--phosphor);white-space:pre-wrap;word-break:break-all;min-height:1.3em;text-shadow:0 0 5px var(--phosphor-glow),0 0 12px rgba(0,255,65,.12)}.theme-amber .term-line{text-shadow:0 0 5px var(--phosphor-glow),0 0 12px rgba(255,176,0,.12)}.term-line:empty:before{content:" "}.prompt-line{color:var(--phosphor-bright);text-shadow:0 0 6px var(--phosphor-glow),0 0 15px rgba(0,255,65,.15)}.theme-amber .prompt-line{text-shadow:0 0 6px var(--phosphor-glow),0 0 15px rgba(255,176,0,.15)}.prompt-form{display:flex;align-items:center;line-height:1.3}.prompt-text{font-family:VT323,Courier New,monospace;font-size:15px;color:var(--phosphor-bright);white-space:pre;text-shadow:0 0 5px var(--phosphor-glow),0 0 12px rgba(0,255,65,.12);flex-shrink:0}.prompt-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--phosphor);font-family:VT323,Courier New,monospace;font-size:15px;line-height:1.35;caret-color:var(--phosphor);text-shadow:0 0 5px var(--phosphor-glow);padding:0}.prompt-input::placeholder{color:transparent}.monitor-bottom{display:flex;justify-content:space-between;align-items:center;padding:6px 12px 4px}.brand-badge{display:flex;flex-direction:column;gap:1px}.brand-name{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;font-weight:700;color:var(--bezel-shadow);letter-spacing:.5px;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.3)}.brand-model{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px;color:#8a8070;letter-spacing:.3px}.led-group{display:flex;align-items:center;gap:6px}.power-led{width:9px;height:9px;border-radius:50%;background:#0e0;box-shadow:0 0 6px #0e0,0 0 12px #00ee0080,0 0 24px #0e03;animation:led-pulse 2.5s ease-in-out infinite}.theme-amber .power-led{background:#fa0;box-shadow:0 0 6px #fa0,0 0 12px #ffaa0080}@keyframes led-pulse{0%,to{opacity:1}50%{opacity:.55}}.led-label{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:8px;font-weight:600;color:#8a8070;letter-spacing:1.5px;text-transform:uppercase}.crt-monitor:after{content:"";position:absolute;inset:15% 10% 20%;border-radius:12px;background:radial-gradient(ellipse at center,var(--phosphor-screen-glow) 0%,transparent 60%);pointer-events:none;z-index:0}.matrix-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:10;border-radius:6px}.cpu-tower{width:120px;height:340px;background:linear-gradient(165deg,var(--bezel-light) 0%,var(--bezel-main) 50%,var(--bezel-dark) 100%);border-radius:6px;padding:8px;display:flex;flex-direction:column;transform:rotateY(6deg);box-shadow:6px 6px 25px #00000080,-8px 0 0 var(--bezel-dark),-10px 2px 0 var(--bezel-shadow),inset 0 1px 3px #fff6,inset 0 -1px 3px #00000026;flex-shrink:0;position:relative;transition:transform .4s ease}.cpu-tower:hover{transform:rotateY(3deg) translateY(-2px)}.cpu-top-vents{display:flex;flex-direction:column;gap:3px;padding:4px 8px}.cpu-vent-line{height:2px;background:linear-gradient(to right,var(--bezel-dark),var(--bezel-shadow),var(--bezel-dark));border-radius:1px}.cpu-front{flex:1;display:flex;flex-direction:column;gap:8px;padding:6px 4px}.cpu-bay{background:#b8b0a0;border:1px solid var(--bezel-shadow);border-radius:3px;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.cpu-bay-large{height:28px}.cpu-bay-small{height:22px}.cpu-bay-face{width:70%;height:3px;background:#888;border-radius:1px}.cpu-bay-slot{width:65%;height:2px;background:#333;border-radius:1px}.cpu-bay-label{position:absolute;right:4px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:7px;color:var(--bezel-shadow);letter-spacing:.3px}.cpu-status{display:grid;grid-template-columns:10px 1fr;gap:3px 6px;padding:6px 8px;align-items:center}.cpu-led{width:8px;height:8px;border-radius:50%;background:#333;border:1px solid #555}.cpu-led-on{background:#0e0;box-shadow:0 0 6px #0e0,0 0 12px #0e06;animation:led-pulse 2.5s ease-in-out infinite}.theme-amber .cpu-led-on{background:#fa0;box-shadow:0 0 6px #fa0,0 0 12px #fa06}.cpu-hdd-blink{background:#f60;box-shadow:0 0 4px #f60;animation:hdd-blink .15s ease-in-out infinite alternate}@keyframes hdd-blink{0%{opacity:1}to{opacity:.2}}.cpu-led-text{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:7px;color:var(--bezel-shadow);letter-spacing:.5px;font-weight:600}.cpu-power-btn{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#e0d8cc,#c8c0b0);border:2px outset #d0c8b8;box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;align-self:center;margin:4px 0;transition:all .1s}.cpu-power-btn:hover{background:linear-gradient(145deg,#e8e0d4,#d0c8b8);box-shadow:0 2px 8px #0006,inset 0 1px 2px #ffffff80}.cpu-power-btn:active,.cpu-btn-pressed{border-style:inset;box-shadow:inset 0 2px 4px #0000004d;transform:scale(.95)}.cpu-power-icon{font-size:16px;color:var(--bezel-shadow);line-height:1}.cpu-btn-holding{box-shadow:inset 0 2px 4px #0000004d,0 0 8px #ff323266}.power-hold-ring{position:absolute;inset:-3px;border-radius:50%;border:3px solid transparent;border-top-color:#f33;animation:hold-spin 5s linear forwards}@keyframes hold-spin{0%{transform:rotate(0);border-top-color:#f33}25%{border-right-color:#f33}50%{border-bottom-color:#f33}75%{border-left-color:#f33}to{transform:rotate(360deg);border-color:#f33}}.power-hint-off{font-family:VT323,monospace;font-size:10px;color:#a64;text-align:center;margin-top:2px;opacity:.7}.cpu-brand{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:auto;padding-bottom:4px}.cpu-brand-name{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:800;color:var(--bezel-shadow);letter-spacing:1px;text-shadow:0 1px 0 rgba(255,255,255,.3)}.cpu-brand-sub{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:7px;color:#8a8070;letter-spacing:.5px}.cpu-on{animation:cpu-vibrate .3s ease-out}@keyframes cpu-vibrate{0%,to{transform:rotateY(6deg) translate(0)}25%{transform:rotateY(6deg) translate(-1px)}75%{transform:rotateY(6deg) translate(1px)}}.cpu-feet{display:flex;justify-content:space-between;padding:0 10px}.cpu-foot{width:20px;height:4px;background:#555;border-radius:0 0 2px 2px}@media(max-width:900px){.cpu-tower,.printer,.poster{display:none}.desk-items{bottom:calc(48% - 6px)}.desk-layout{gap:0}.crt-monitor{width:calc(100vw - 24px);height:calc(100vh - 60px);max-height:calc(100vh - 60px);border-radius:14px;padding:8px 10px 6px;transform:none}.crt-monitor:hover{transform:none}.desk-layout{animation:none}.monitor-vents{display:none}.screen-bezel{padding:8px}.screen-content{padding:10px 12px}.term-line,.prompt-text,.prompt-input{font-size:14px}.brand-name{font-size:10px}.brand-model{font-size:8px}.tab-bar{display:none}}@media(max-width:480px){.crt-monitor{width:calc(100vw - 12px);height:calc(100vh - 24px);max-height:calc(100vh - 24px);border-radius:10px;padding:4px 6px}.screen-bezel{padding:5px;border-radius:8px}.screen-content{padding:8px}.term-line,.prompt-text,.prompt-input{font-size:12px}.monitor-bottom{padding:4px 6px 2px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.scanlines{background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0px,rgba(0,0,0,.14) 1px,transparent 1px,transparent 2px)}}