:root{--bg-color: #0d0d0d;--fg-color: #e0e0e0;--prompt-color: #00ff9f;--accent-color: #ff00ff;--error-color: #ff4444;--link-color: #00d4ff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background:var(--bg-color);color:var(--fg-color);font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,Liberation Mono,monospace;line-height:1.5;overflow-x:hidden}#root{min-height:100vh}::selection{background:var(--accent-color);color:var(--bg-color)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}.terminal-container{position:relative;width:100%;max-width:900px;height:80vh;max-height:700px;margin:0 auto;background:var(--bg-color);border-radius:12px;box-shadow:0 0 0 1px #ffffff1a,0 20px 60px #0009,0 0 80px #00ff9f14,inset 0 1px #ffffff0d;overflow:hidden;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;display:flex;flex-direction:column}.crt-effect{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.2) 90%,rgba(0,0,0,.4) 100%);z-index:10}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0px 1px,#0000001a 1px 2px);z-index:11;animation:scanline-flicker .1s infinite}@keyframes scanline-flicker{0%,to{opacity:.8}50%{opacity:.85}}.terminal-header{display:flex;align-items:center;padding:12px 16px;background:linear-gradient(180deg,#ffffff14,#ffffff05);border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:5}.terminal-buttons{display:flex;gap:8px}.terminal-buttons .btn{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:transform .15s,filter .15s}.terminal-buttons .btn:hover{transform:scale(1.1);filter:brightness(1.2)}.terminal-buttons .close{background:#ff5f56}.terminal-buttons .minimize{background:#ffbd2e}.terminal-buttons .maximize{background:#27ca40}.terminal-title{flex:1;text-align:center;color:#fff9;font-size:13px;font-weight:500;letter-spacing:.5px}.terminal-spacer{width:52px}.terminal-body{flex:1;padding:16px 20px;overflow-y:auto;overflow-x:hidden;position:relative;z-index:5}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:#ffffff0d}.terminal-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.terminal-line{font-size:14px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;min-height:1.6em}.input-line{display:flex;gap:8px}.output-line{color:var(--fg-color)}.error-line{color:var(--error-color)}.system-line{color:var(--accent-color);font-style:italic}.ascii-line{color:var(--prompt-color);font-size:11px;line-height:1.15;letter-spacing:0px;text-shadow:0 0 10px var(--prompt-color);font-weight:500}.link-line a{color:var(--link-color);text-decoration:none;transition:all .2s;border-bottom:1px solid transparent}.link-line a:hover{border-bottom-color:var(--link-color);text-shadow:0 0 8px var(--link-color)}.prompt{color:var(--prompt-color);font-weight:600;text-shadow:0 0 10px var(--prompt-color);white-space:nowrap}.input-text{color:var(--fg-color)}.input-form{display:flex;gap:8px;align-items:center}.terminal-input{flex:1;background:transparent;border:none;outline:none;color:var(--fg-color);font-family:inherit;font-size:14px;caret-color:var(--prompt-color)}.terminal-input::selection{background:var(--accent-color);color:var(--bg-color)}.terminal-input{caret-color:var(--prompt-color)}@supports (caret-shape: block){.terminal-input{caret-shape:block}}.hacker-mode{animation:hacker-glitch .5s ease-out}.hacker-mode .terminal-body{background:radial-gradient(ellipse at 50% 0%,rgba(0,255,0,.1) 0%,transparent 50%)}.hacker-mode .scanlines{background:repeating-linear-gradient(0deg,#0f00 0px 1px,#00ff000d 1px 2px);animation:scanline-intense .05s infinite}@keyframes scanline-intense{0%,to{opacity:.9}25%{opacity:.7}75%{opacity:.95}}@keyframes hacker-glitch{0%{transform:translate(0);filter:hue-rotate(0deg)}10%{transform:translate(-5px,2px);filter:hue-rotate(90deg)}20%{transform:translate(5px,-2px);filter:hue-rotate(180deg)}30%{transform:translate(-3px,3px);filter:hue-rotate(270deg)}40%{transform:translate(3px,-3px);filter:hue-rotate(360deg)}50%{transform:translate(-2px,1px) skew(2deg);filter:hue-rotate(90deg) saturate(2)}60%{transform:translate(2px,-1px) skew(-2deg);filter:hue-rotate(180deg) saturate(1.5)}70%{transform:translate(-1px,2px);filter:hue-rotate(270deg)}80%{transform:translate(1px,-2px);filter:hue-rotate(0deg)}90%{transform:translate(0);filter:hue-rotate(45deg)}to{transform:translate(0);filter:hue-rotate(0deg)}}.matrix-rain{position:absolute;inset:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(180deg,transparent 0px,rgba(0,255,0,.03) 2px,transparent 4px);animation:matrix-scroll 2s linear infinite}@keyframes matrix-scroll{0%{background-position:0 0}to{background-position:0 100px}}@media(max-width:480px){.terminal-container{height:100vh;max-height:none;border-radius:0}.terminal-line{font-size:13px}.terminal-body{padding:12px}}@media(max-width:600px){.ascii-line{font-size:9px;line-height:1.1;letter-spacing:-.5px}}@media(max-width:400px){.ascii-line{display:none}}.terminal-container:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:12;animation:screen-flicker 4s infinite;opacity:0;background:#ffffff05}@keyframes screen-flicker{0%,96%,to{opacity:0}97%{opacity:1}98%{opacity:0}99%{opacity:.5}}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 0%,rgba(100,100,100,.1) 0%,transparent 50%),radial-gradient(ellipse at 0% 100%,rgba(var(--accent-color-rgb, 100, 0, 100),.05) 0%,transparent 40%),radial-gradient(ellipse at 100% 100%,rgba(var(--prompt-color-rgb, 0, 100, 100),.05) 0%,transparent 40%),var(--bg-color, #0d0d0d)}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d0d0d}.loading-text{font-family:JetBrains Mono,Fira Code,monospace;font-size:18px;color:#00ff9f;text-shadow:0 0 20px rgba(0,255,159,.5)}.blink{animation:blink-animation 1s step-end infinite}@keyframes blink-animation{0%,to{opacity:1}50%{opacity:0}}.error-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d0d0d;padding:20px}.error-text{font-family:JetBrains Mono,Fira Code,monospace;font-size:16px;color:#f44;text-align:center;text-shadow:0 0 20px rgba(255,68,68,.5)}.error-detail{color:#888;font-size:14px;margin-top:10px;display:block}
