*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #00ff41;--green-dim: #00b32c;--green-dark: #003d0f;--bg: #0a0a0a;--screen: #010e01;--amber: #ffb000;--red: #ff3333;--bezel: #1e1e1e;--font: "VT323", monospace}html{overflow:auto;height:100%}body{width:100%;min-height:100svh;background:radial-gradient(ellipse at center,#181818,#050505);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font);color:var(--green);padding:clamp(6px,3vw,20px)}.monitor{width:100%;max-width:728px;display:flex;flex-direction:column;align-items:center}.bezel{width:100%;background:linear-gradient(150deg,#2c2c2c,#1a1a1a,#202020);border-radius:clamp(10px,2.5vw,20px) clamp(10px,2.5vw,20px) clamp(6px,1.5vw,12px) clamp(6px,1.5vw,12px);padding:clamp(12px,3vw,24px) clamp(10px,2.5vw,22px) clamp(40px,6vw,52px);box-shadow:0 0 0 2px #444,0 0 0 4px #111,0 6px 50px #000000f2,inset 0 2px 3px #ffffff0a,inset 0 -2px 3px #000000b3;position:relative}.bezel:before{content:"SB TALKER PRO  ◆  CREATIVE LABS";position:absolute;bottom:clamp(14px,2.5vw,22px);left:50%;transform:translate(-50%);font-size:clamp(9px,1.5vw,11px);color:#3a3a3a;letter-spacing:3px;white-space:nowrap;overflow:hidden}.bezel:after{content:"";position:absolute;bottom:clamp(18px,3vw,26px);right:clamp(20px,5vw,44px);width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 5px var(--green),0 0 10px var(--green);animation:led 3s ease-in-out infinite}@keyframes led{0%,to{opacity:1}50%{opacity:.4}}.screen{width:100%;height:clamp(360px,calc(100svh - 110px),520px);background:var(--screen);border-radius:10px;overflow:hidden;position:relative;box-shadow:inset 0 0 80px #000000b3,inset 0 0 20px #00ff4108,0 0 30px #00ff4114}.screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:10}.screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none;z-index:9}.screen-inner{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:clamp(8px,2vw,14px) clamp(10px,2.5vw,16px) clamp(6px,1.5vw,10px);gap:clamp(4px,1vw,8px)}.header{font-size:clamp(16px,4vw,20px);letter-spacing:clamp(2px,.6vw,4px);color:var(--green);text-shadow:0 0 8px var(--green);border-bottom:1px solid var(--green-dark);padding-bottom:6px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:2px}.header-sub{font-size:clamp(11px,2.5vw,13px);color:var(--green-dim);letter-spacing:clamp(1px,.4vw,2px)}.output{flex:1;overflow-y:auto;font-size:clamp(14px,3vw,16px);line-height:1.5;color:var(--green-dim);scrollbar-width:thin;scrollbar-color:var(--green-dark) transparent;overscroll-behavior:contain}.output::-webkit-scrollbar{width:4px}.output::-webkit-scrollbar-thumb{background:var(--green-dark)}.log-line{white-space:pre-wrap;word-break:break-all}.prompt-line{color:var(--green)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--green-dark);padding-bottom:4px}.tab-btn{background:none;border:1px solid var(--green-dark);color:var(--green-dim);font-family:var(--font);font-size:clamp(13px,3vw,15px);padding:2px clamp(8px,2.5vw,14px);cursor:pointer;letter-spacing:1px;transition:all .15s;min-height:36px}.tab-btn:hover,.tab-btn.active{background:var(--green-dark);border-color:var(--green-dim);color:var(--green)}.tab-panel{display:none}.tab-panel.active{display:flex;flex-direction:column;gap:6px}.input-row{display:flex;align-items:center;gap:8px}.prompt-sym{color:var(--green);font-size:clamp(15px,3.5vw,17px);text-shadow:0 0 6px var(--green);flex-shrink:0}.terminal-input{flex:1;background:transparent;border:none;border-bottom:1px solid var(--green-dim);color:var(--green);font-family:var(--font);font-size:clamp(16px,3.5vw,17px);outline:none;caret-color:var(--green);text-shadow:0 0 4px var(--green);min-height:36px}.terminal-input::placeholder{color:var(--green-dark)}.terminal-input:disabled{opacity:.4;cursor:not-allowed}.crt-textarea{width:100%;height:clamp(64px,12vh,90px);resize:none;background:#00ff4108;border:1px solid var(--green-dark);color:var(--green);font-family:var(--font);font-size:clamp(14px,3vw,16px);padding:6px 8px;outline:none;line-height:1.5;caret-color:var(--green)}.crt-textarea::placeholder{color:var(--green-dark)}.crt-textarea:disabled{opacity:.4;cursor:not-allowed}.speak-btn{align-self:flex-end;background:var(--green-dark);border:1px solid var(--green-dim);color:var(--green);font-family:var(--font);font-size:clamp(14px,3vw,16px);padding:6px 20px;cursor:pointer;letter-spacing:2px;transition:all .15s;min-height:36px}.speak-btn:hover:not(:disabled){background:var(--green);color:#000;box-shadow:0 0 12px var(--green)}.speak-btn:disabled{opacity:.35;cursor:not-allowed}.status-bar{font-size:clamp(11px,2.5vw,13px);letter-spacing:clamp(1px,.4vw,2px);padding:4px 0 0;border-top:1px solid var(--green-dark);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px}.status-ready{color:var(--green)}.status-booting,.status-loading{color:var(--amber)}.status-speaking{color:var(--green);text-shadow:0 0 6px var(--green)}.status-error{color:var(--red)}.status-idle{color:#555}.status-actions{display:flex;gap:4px;align-items:center;flex-wrap:wrap}#start-btn{background:var(--green);border:none;color:#000;font-family:var(--font);font-size:clamp(12px,2.5vw,14px);padding:4px 14px;cursor:pointer;letter-spacing:2px;font-weight:700;min-height:30px}#start-btn:hover{box-shadow:0 0 10px var(--green)}#audio-test-btn{background:transparent;border:1px solid var(--green-dim);color:var(--green-dim);font-family:var(--font);font-size:clamp(11px,2.5vw,13px);padding:3px 8px;cursor:pointer;letter-spacing:1px;min-height:30px}#audio-test-btn:hover,#audio-test-btn.pass{border-color:var(--green);color:var(--green)}#audio-test-btn.fail{border-color:var(--red);color:var(--red)}#debug-btn{background:transparent;border:1px solid #333;color:#444;font-family:var(--font);font-size:clamp(11px,2.5vw,13px);padding:3px 8px;cursor:pointer;letter-spacing:1px;min-height:30px}#debug-btn:hover{border-color:var(--green-dim);color:var(--green-dim)}#debug-btn.active{border-color:var(--amber);color:var(--amber)}.stand{width:60px;height:16px;background:linear-gradient(to bottom,#222,#1a1a1a);clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%)}.base{width:160px;height:10px;background:linear-gradient(to bottom,#2a2a2a,#1a1a1a);border-radius:0 0 6px 6px;box-shadow:0 4px 12px #000c}@media (max-width: 480px){.stand,.base{display:none}}.dos-debug{width:100%;max-width:728px;margin-top:12px;border:1px solid var(--green-dark);background:#000;padding:8px}.dos-debug-label{font-size:13px;color:var(--green-dim);letter-spacing:2px;margin-bottom:6px}#dos-canvas{display:block;width:100%;height:auto;aspect-ratio:8 / 5;image-rendering:pixelated}