.crt-body{--glow-color:#22c55e;--glow-rgb:34, 197, 94;--screen-bg:#0a0a0a;--text-glow:none;--icon-glow:none;color:#e2e8f0;box-sizing:border-box;background:#111114;flex-direction:column;width:100vw;height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.crt-body.amber-theme{--glow-color:#ffb000;--glow-rgb:255,176,0;--screen-bg:#0a0500;--text-glow:0 0 8px #ffb000b3, 0 0 15px #ffb00066;--icon-glow:drop-shadow(0 0 8px #ffb000cc)}.crt-body.cyan-theme{--glow-color:#0cf;--glow-rgb:0,204,255;--screen-bg:#000812;--text-glow:0 0 8px #00ccffb3, 0 0 15px #0cf6;--icon-glow:drop-shadow(0 0 8px #0cfc)}.crt-body *{box-sizing:border-box;margin:0;padding:0}.pc-case{background:linear-gradient(170deg,#ddd8cc 0%,#d4cfc2 8%,#cdc7b9 20%,#c5bfb0 40%,#bdb6a6 60%,#b3ac9b 80%,#a8a08f 95%,#9e9686 100%);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.pc-case:before{content:"";z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.pc-case:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0;box-shadow:inset 2px 2px #ffffff26,inset -2px -2px #00000014}.bezel-top{z-index:10;justify-content:space-between;align-items:center;height:52px;min-height:52px;padding:0 36px;display:flex;position:relative}.bezel-top:after{content:"";background:linear-gradient(90deg,#0000 0%,#0000001f 10% 90%,#0000 100%);height:1px;position:absolute;bottom:0;left:8px;right:8px}.vent-slots{gap:5px;display:flex}.vent-slot{background:linear-gradient(#00000026 0%,#0000000d 100%);border-radius:1px;width:30px;height:3px;box-shadow:0 1px #fff3}.bezel-brand{letter-spacing:5px;text-transform:uppercase;color:#a09888;text-shadow:0 1px #ffffff59,0 -1px #0000001a;-webkit-user-select:none;user-select:none;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:15px;font-weight:700}.bezel-model{letter-spacing:2px;color:#9a9282;text-shadow:0 1px #ffffff40;font-size:10px}.bezel-middle{z-index:5;flex:1;min-height:0;display:flex;position:relative}.bezel-side{width:40px;min-width:40px;position:relative}.side-vents{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.side-vent{background:linear-gradient(90deg,#0000001a,#0000000f);border-radius:1px;width:20px;height:3px;box-shadow:0 1px #ffffff26}.screen-well{background:linear-gradient(145deg,#b0a898 0%,#8a8272 100%);border-radius:20px;flex:1;margin:4px 0;padding:10px;position:relative;box-shadow:inset 3px 3px 6px #00000040,inset -1px -1px 2px #ffffff1a}.screen-inner-lip{background:linear-gradient(160deg,#605848 0%,#3a342a 50%,#2a2420 100%);border-radius:14px;width:100%;height:100%;padding:5px;box-shadow:inset 2px 2px 4px #00000080,inset -1px -1px 2px #ffffff0d,0 1px #ffffff14}.screen-gasket{background:#1a1816;border-radius:10px;width:100%;height:100%;padding:3px;box-shadow:inset 0 0 3px #000c}.screen-glass{background-color:var(--screen-bg);width:100%;height:100%;filter:brightness(var(--crt-brightness,1)) contrast(var(--crt-contrast,1));border-radius:8px;transition:filter .15s,transform .1s;position:relative;overflow:hidden}.screen-off{animation:.4s cubic-bezier(.25,1,.3,1) forwards turn-off!important}.screen-glass:before,.screen-glass:after,.roll-bar{display:none}.bezel-bottom{z-index:10;justify-content:space-between;align-items:center;height:68px;min-height:68px;padding:0 36px;display:flex;position:relative}.bezel-bottom:before{content:"";background:linear-gradient(90deg,#0000 0%,#0000001f 10% 90%,#0000 100%);height:1px;position:absolute;top:0;left:8px;right:8px}.power-section{align-items:center;gap:12px;display:flex}.power-switch{cursor:pointer;background:linear-gradient(#9a9282 0%,#7a7262 50%,#8a8272 100%);border:1px solid #5a5444;border-radius:3px;width:34px;height:18px;position:relative;box-shadow:0 2px 3px #0000004d,inset 0 1px #fff3}.power-switch:after{content:"I / O";color:#4a4232;letter-spacing:1px;justify-content:center;align-items:center;font-family:ui-monospace,SFMono-Regular,monospace;font-size:7px;font-weight:700;display:flex;position:absolute;inset:0}.power-switch:active{transform:translateY(1px)}.power-led-container{flex-direction:column;align-items:center;gap:3px;display:flex}.power-led{background:radial-gradient(circle at 35% 35%,#6f6,#2c2);border:1px solid #0006;border-radius:50%;width:8px;height:8px;animation:3s ease-in-out infinite led-pulse;box-shadow:0 0 4px #3f3,0 0 10px #33ff334d}.led-label{color:#8a8272;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px #ffffff40;font-size:7px;font-weight:700}@keyframes led-pulse{0%,to{opacity:1;box-shadow:0 0 4px #3f3,0 0 10px #33ff334d}50%{opacity:.75;box-shadow:0 0 2px #3f3,0 0 6px #33ff3326}}.controls-row{align-items:center;gap:22px;display:flex}.dial-group{flex-direction:column;align-items:center;gap:3px;display:flex}.dial-label{color:#8a8272;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px #ffffff40;font-size:7px;font-weight:700}.knob{cursor:pointer;background:radial-gradient(circle at 40% 35%,#c8c0b0 0%,#a09888 40%,#787060 100%);border-radius:50%;width:26px;height:26px;transition:transform .3s;position:relative;box-shadow:0 2px 4px #00000059,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #00000026,0 0 0 1px #00000026}.knob:after{content:"";background:linear-gradient(#4a4232,#3a3222);border-radius:1px;width:2px;height:7px;position:absolute;top:3px;left:11px}.knob:hover{transform:rotate(25deg)}.label-plate{color:#7a7262;letter-spacing:1px;text-shadow:0 1px #ffffff40;background:linear-gradient(#ffffff0f,#00000005);border:1px solid #0000000f;border-radius:2px;padding:2px 10px;font-size:9px}.crt-content{z-index:50;flex-direction:column;padding:20px 24px;animation:1s ease-out boot-glow;display:flex;position:absolute;inset:0;overflow:hidden}.terminal-glow{text-shadow:var(--text-glow)}.header-section{border-bottom:1px dashed var(--glow-color);letter-spacing:.5px;flex-shrink:0;margin-bottom:12px;padding-bottom:8px;font-size:13px}.header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.header-status{opacity:.8;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.flex-container{flex:1;gap:22px;min-height:0;display:flex}.form-side{flex-direction:column;flex:1.3;justify-content:center;gap:10px;display:flex}.visual-side{border-left:1px dashed rgba(var(--glow-rgb), .2);flex-direction:column;flex:.7;justify-content:center;align-items:center;padding-left:18px;display:flex}.alert-box{border:1px dashed var(--glow-color);background:#0006;padding:10px 12px;font-size:11px;line-height:1.5;animation:1.5s infinite alert-flash}.terminal-field{margin-bottom:2px}.field-label{text-transform:uppercase;margin-bottom:3px;font-size:12px}.field-input-box{border:1px solid var(--glow-color);color:var(--glow-color);background:#0009;outline:none;width:100%;padding:8px 12px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;transition:all .3s;box-shadow:inset 0 0 5px #000c}.field-input-box::placeholder{color:rgba(var(--glow-rgb), .3)}.field-input-box:focus{box-shadow:0 0 10px var(--glow-color), inset 0 0 5px #000c;background:rgba(var(--glow-rgb), .04)}#orbCanvas{aspect-ratio:1;width:100%;max-width:200px;height:auto;filter:var(--icon-glow)}.orb-status{text-align:center;margin-top:10px;font-size:11px;animation:2s infinite pulse-opacity}.cursor{background:var(--glow-color);vertical-align:middle;width:8px;height:14px;margin-left:4px;animation:.8s step-end infinite blink;display:inline-block}.button-bar{border-top:1px dashed var(--glow-color);flex-shrink:0;justify-content:space-between;margin-top:12px;padding-top:10px;display:flex}.retro-btn{color:#818cf8;cursor:pointer;background:0 0;border:1px solid #6366f166;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:12px;transition:all .2s}.retro-btn:hover{color:#a5b4fc;background:#6366f11a;border-color:#6366f1}.footer-compliance{color:#94a3b859;border-top:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;margin-top:8px;padding-top:5px;font-size:9px;display:flex}.crt-boot-overlay{z-index:9999;box-sizing:border-box;background:#000;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:30px;font-family:ui-monospace,Courier New,monospace;transition:opacity .6s;display:flex;position:absolute;inset:0}.crt-boot-overlay.fade-out{opacity:0;pointer-events:none}.hacker-boot-terminal{color:#22c55e;text-shadow:0 0 5px #22c55ecc;flex-direction:column;align-items:flex-start;width:100%;font-size:11px;line-height:1.6;display:flex}.boot-text-line{opacity:0;white-space:nowrap;margin-bottom:2px;overflow:hidden}.boot-text-line.line-1{animation:0s .1s forwards show-line}.boot-text-line.line-2{animation:0s .3s forwards show-line}.boot-text-line.line-3{animation:0s .4s forwards show-line}.boot-text-line.line-4{animation:0s .6s forwards show-line}.boot-text-line.line-5{animation:0s .9s forwards show-line}.boot-text-line.line-6{animation:0s 1.1s forwards show-line}.boot-text-line.line-7{animation:0s 1.3s forwards show-line}.boot-text-line.line-8{animation:0s 1.5s forwards show-line}.boot-cursor{color:#22c55e;text-shadow:0 0 5px #22c55ecc;font-weight:700;animation:.8s steps(2,start) infinite blink-cursor}.boot-line{opacity:0;background:#22c55e;width:50%;height:2px;animation:.5s ease-out 1.6s forwards boot-expand;position:absolute;top:50%;left:25%;box-shadow:0 0 20px #22c55e,0 0 60px #22c55e}@keyframes show-line{to{opacity:1}}@keyframes blink-cursor{to{visibility:hidden}}@keyframes crt-flicker{0%{opacity:.985}50%{opacity:1}to{opacity:.99}}@keyframes roll{0%{top:-80px}to{top:100%}}@keyframes pulse-opacity{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes blink{0%,to{background:0 0}50%{background:var(--glow-color)}}@keyframes alert-flash{0%{border-color:var(--glow-color)}50%{border-color:#0000}to{border-color:var(--glow-color)}}@keyframes boot-glow{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes boot-expand{0%{opacity:1;transform:scaleX(0)}70%{opacity:1;transform:scaleX(1)}to{opacity:.5;transform:scaleX(1)}}@keyframes vhold-roll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes turn-off{0%{filter:brightness(1.5)contrast(1.5);opacity:1;transform:scale(1)}40%{filter:brightness(4)contrast(3);opacity:1;transform:scaleY(.005)}to{filter:brightness(0);opacity:0;background:#000;transform:scale(0)}}@media (max-width:768px){.pc-case{background:var(--screen-bg);box-shadow:none;padding:0}.bezel-top,.bezel-bottom,.bezel-side{display:none!important}.screen-well,.screen-inner-lip,.screen-gasket{box-shadow:none!important;background:0 0!important;border-radius:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}.screen-glass{box-shadow:none!important;border-radius:0!important;width:100%!important;height:100%!important}.crt-content{padding:16px 12px!important}.flex-container{flex-direction:column;gap:16px}.visual-side{border-left:none;border-top:1px dashed rgba(var(--glow-rgb), .2);padding-top:16px;padding-left:0}#orbCanvas{max-width:130px}}