.crt-monitor-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;background:linear-gradient(135deg,#e8ddd4,#d4c5b0,#c9b99b);padding:2rem;box-sizing:border-box}.crt-monitor-frame{background:linear-gradient(135deg,#d4c5b0,#c9b99b,#b8a892 60%,#c9b99b);border-radius:12px;padding:25px 25px 15px;box-shadow:0 20px 60px #0000004d,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003;width:900px;max-width:90vw;display:flex;flex-direction:column;align-items:center}.crt-monitor-brand{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 10px 8px;margin-bottom:5px}.crt-brand-text{font-family:Courier New,monospace;font-size:10px;font-weight:700;color:#8a7a6a;letter-spacing:2px;text-transform:uppercase}.crt-power-indicator{width:8px;height:8px;border-radius:50%;background:#0f0;box-shadow:0 0 4px #0f0,inset 0 0 2px #00ff0080;animation:power-blink 2s ease-in-out infinite}@keyframes power-blink{0%,to{opacity:1}50%{opacity:.6}}.crt-monitor-screen{background:#1a1a1a;border:12px solid #2a2a2a;border-radius:6px;box-shadow:inset 0 0 30px #000c,inset 0 2px 4px #00000080,0 0 20px #0006;width:100%;height:600px;min-height:600px;max-height:600px;display:flex;flex-direction:column;position:relative;overflow:hidden;transform-style:preserve-3d;margin-bottom:10px}.crt-monitor-controls{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:6px;padding:0 10px;margin-bottom:10px}.crt-control-button{background:linear-gradient(135deg,#b8a892,#a89882,#b8a892);border:1px solid #988872;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(0,0,0,.3);border-radius:4px;color:#4a4a4a;font-family:Courier New,monospace;font-size:7px;font-weight:700;padding:4px 6px;text-align:center;box-shadow:0 2px 4px #0003,inset 0 1px 2px #fff6,inset 0 -1px 2px #0003;user-select:none;cursor:default;min-width:32px;letter-spacing:.5px;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.crt-screen-content{width:100%;height:100%;position:relative;z-index:1;overflow:hidden}.crt-monitor-stand{width:100%;display:flex;justify-content:center;margin-top:10px}.crt-stand-base{width:200px;height:15px;background:linear-gradient(135deg,#b8a892,#a89882,#b8a892);border-radius:8px;box-shadow:0 4px 8px #0003,inset 0 1px 2px #fff3}@media(max-width:768px){.crt-monitor-container{display:none}}.calculator-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;width:100vw;background:linear-gradient(135deg,#e8ddd4,#d4c5b0,#c9b99b);padding:.5rem .5rem 1rem;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.calculator-body{background:linear-gradient(135deg,#d4c5b0,#c9b99b,#b8a892 60%,#c9b99b);border-radius:18px;padding:1.25rem;box-shadow:0 20px 60px #0000004d,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003;max-width:100%;width:100%;max-width:420px;margin:0 auto;touch-action:none;border:1px solid rgba(255,255,255,.1);position:relative}.calculator-body:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;border-radius:18px 18px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 100%);pointer-events:none}.calculator-brand{width:100%;display:flex;justify-content:center;align-items:center;padding:0 0 .75rem;margin-bottom:.5rem}.calculator-brand-text{font-family:Courier New,monospace;font-size:9px;font-weight:700;color:#8a7a6a;letter-spacing:3px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.2)}.calculator-screen{background:linear-gradient(135deg,#0a0a0a,#050505,#0a0a0a);border:8px solid #1f1f1f;border-top:10px solid #151515;border-radius:8px;box-shadow:inset 0 0 40px #000000f2,inset 0 3px 6px #000000b3,inset 0 -2px 4px #00000080,0 0 15px #00000080,0 2px 4px #0000004d;margin-bottom:1.25rem;height:280px;min-height:280px;max-height:280px;display:flex;flex-direction:column;position:relative;overflow:hidden;transform-style:preserve-3d;touch-action:none}.calculator-screen-content{width:100%;height:100%;position:relative;z-index:1;overflow:hidden}.calculator-keypad{display:flex;flex-direction:column;gap:.5rem;touch-action:none}.calculator-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.calculator-button{background:linear-gradient(135deg,#c9b99b,#b8a892,#a89882 60%,#b8a892);border:1px solid #a89882;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(0,0,0,.2);border-radius:10px;color:#2a2a2a;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;padding:.9rem;text-align:center;box-shadow:0 4px 8px #0003,0 2px 4px #00000026,inset 0 2px 4px #fff6,inset 0 -2px 4px #0003;user-select:none;cursor:pointer;transition:all .12s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.calculator-button:before{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 60%);pointer-events:none;-webkit-font-smoothing:antialiased;backface-visibility:hidden}.calculator-button:active{transform:scale(.96) translateY(1px);box-shadow:0 1px 3px #0006,inset 0 2px 4px #0006,inset 0 0 8px #0003}.calculator-button.operator{background:linear-gradient(135deg,#d4c5b0,#c9b99b,#b8a892 60%,#c9b99b);color:#8a5a2a;text-shadow:0 1px 2px rgba(255,255,255,.5),0 -1px 1px rgba(0,0,0,.2);border-top-color:#fff6;box-shadow:0 4px 8px #0003,0 2px 4px #00000026,inset 0 2px 4px #fff6,inset 0 -2px 4px #0003}.calculator-button.operator:before{background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 60%)}.calculator-row.last-row{grid-template-columns:2fr 1fr 2fr}.calculator-button.equals{background:linear-gradient(135deg,#a89882,#988872,#887862 60%,#988872);color:#2a2a2a;text-shadow:0 1px 2px rgba(255,255,255,.5),0 -1px 1px rgba(0,0,0,.2);border-top-color:#fff6;box-shadow:0 4px 8px #00000040,0 2px 4px #0003,inset 0 2px 4px #fff6,inset 0 -2px 4px #00000040;grid-column:span 1}.calculator-button.equals:before{background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 60%)}@media(min-width:769px){.calculator-container{display:none}}.screen-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden}.screen-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.1) 100%);pointer-events:none;z-index:1}.crt-monitor-screen,.calculator-screen{transform:perspective(1000px) rotateX(2deg) scale(.98);transform-origin:center center}.crt-screen-content,.calculator-screen-content{filter:contrast(.95) brightness(.98) saturate(.9)}.crt-screen-content *,.calculator-screen-content *{text-shadow:0 0 2px currentColor,0 0 4px rgba(0,255,0,.1)}.crt-monitor-screen:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,255,0,.02) 50%,transparent 100%);pointer-events:none;z-index:2}.calculator-screen:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,255,0,.03) 0%,transparent 50%,rgba(0,255,0,.03) 100%);pointer-events:none;z-index:2}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20;background:linear-gradient(transparent 50%,#00ff0008 50%);background-size:100% 4px;animation:scanline 8s linear infinite}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(4px)}}.terminal-prompt{display:flex;align-items:baseline;gap:0;width:100%;flex-wrap:nowrap}.prompt-text{color:var(--terminal-prompt-color, #00ff00);font-weight:500;white-space:nowrap;flex-shrink:0}.prompt-input-wrapper{display:inline-flex;align-items:baseline;position:relative;min-width:0;flex:1;flex-basis:0;max-width:100%}.input-measure{position:absolute;visibility:hidden;white-space:pre;font-family:var(--terminal-font, "Courier New", monospace);font-size:inherit;padding:0;margin:0;height:0;overflow:hidden}.prompt-input{background:transparent;border:none;outline:none;color:var(--terminal-text-color, #ffffff);font-family:var(--terminal-font, "Courier New", monospace);font-size:inherit;padding:0;margin:0;caret-color:var(--terminal-text-color, #ffffff);width:100%;min-width:1px;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}@media(max-width:1024px){.prompt-input,.prompt-text{font-size:16px!important}}@media(hover:none)and (pointer:coarse){.prompt-input,.prompt-text{font-size:16px!important}}.prompt-input:focus{outline:none}.terminal-output{flex:1;overflow-y:auto;padding:1rem;font-family:var(--terminal-font, "Courier New", monospace);min-height:0;height:100%;width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch;touch-action:pan-y}@media(max-width:768px){.terminal-output{padding:.75rem;font-size:14px}}.terminal-output-line{margin-bottom:.5rem;word-wrap:break-word;white-space:pre-wrap;color:var(--terminal-text-color, #ffffff)}.terminal-output-line span{color:inherit}.directory-name{color:var(--terminal-directory-color, #0080ff)!important}.terminal-output-line.command-line{color:var(--terminal-text-color, #ffffff)}.terminal-output-line.command-line .prompt-text{color:var(--terminal-prompt-color, #00ff00);font-weight:500}.terminal-output-line.command-line .command-text{color:var(--terminal-text-color, #ffffff)}.terminal-output-line.prompt-line{color:var(--terminal-prompt-color, #00ff00)}.terminal-output-line.prompt-line .prompt-text{color:var(--terminal-prompt-color, #00ff00);font-weight:500}.terminal-output-line.active-prompt{margin-bottom:0}.terminal-output-line.active-prompt .prompt-text{color:var(--terminal-prompt-color, #00ff00);font-weight:500;white-space:nowrap;flex-shrink:0}.terminal-output-line.active-prompt .prompt-input{color:var(--terminal-text-color, #ffffff)}.terminal-output-line.active-prompt .terminal-prompt{width:100%}.terminal-output-line.output,.terminal-output-line.output .output-pre{color:var(--terminal-text-color, #ffffff)}.terminal-output-line.error{color:var(--terminal-error-color, #ff4444)}.output-pre{margin:0;font-family:inherit;white-space:pre-wrap;word-wrap:break-word;color:inherit}.terminal-shell{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--terminal-bg, #000000);color:var(--terminal-text-color, #ffffff);font-family:var(--terminal-font, "Courier New", monospace);font-size:14px;line-height:1.5;padding:1rem;box-sizing:border-box;overflow:hidden;position:relative;z-index:1}