.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at 20% 80%,rgba(0,255,159,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,0,255,.03) 0%,transparent 50%),var(--color-background)}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-background)}.loading-text{font-family:JetBrains Mono,Fira Code,monospace;font-size:18px;color:var(--color-prompt);text-shadow:0 0 10px var(--color-prompt)}.blink{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.error-screen{height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);padding:20px}.error-text{font-family:JetBrains Mono,Fira Code,monospace;font-size:16px;color:var(--color-error);text-shadow:0 0 10px var(--color-error);text-align:center}.error-detail{color:#888;font-size:14px;margin-top:10px;display:block}.terminal-container{width:100%;max-width:900px;height:80vh;max-height:700px;background-color:#0d0d0df2;border-radius:12px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a,inset 0 1px #ffffff0d;display:flex;flex-direction:column;overflow:hidden;position:relative}.terminal-header{display:flex;align-items:center;padding:12px 16px;background:linear-gradient(180deg,#282828e6,#1e1e1ee6);border-bottom:1px solid rgba(255,255,255,.1);-webkit-user-select:none;user-select:none}.terminal-buttons{display:flex;gap:8px}.terminal-buttons .btn{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:opacity .2s}.terminal-buttons .btn:hover{opacity:.8}.terminal-buttons .close{background:#ff5f57}.terminal-buttons .minimize{background:#ffbd2e}.terminal-buttons .maximize{background:#28c840}.terminal-title{flex:1;text-align:center;font-size:13px;color:#fff9;font-weight:500}.terminal-spacer{width:52px}.terminal-body{flex:1;padding:16px;overflow-y:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;line-height:1.6}.terminal-line{white-space:pre-wrap;word-break:break-word;min-height:1.6em}.input-line{display:flex;align-items:center;gap:8px}.input-line .prompt{color:var(--color-prompt);font-weight:600;flex-shrink:0}.input-line .command{color:var(--color-foreground)}.output-line{color:var(--color-foreground);opacity:.9}.error-line{color:var(--color-error)}.system-line{color:var(--color-accent);opacity:.8}.ascii-line{color:var(--color-prompt);font-size:12px;line-height:1.2}.link-line{padding-left:5ch}.link-line a{color:var(--color-link);text-decoration:none;transition:all .2s ease}.link-line a:hover{text-decoration:underline;text-shadow:0 0 8px var(--color-link)}.social-line{padding-left:2ch}.social-line .social-label{color:var(--color-foreground)}.social-line a{color:var(--color-link);text-decoration:none;transition:all .2s ease}.social-line a:hover{text-decoration:underline;text-shadow:0 0 8px var(--color-link)}.input-line.current{position:relative}.input-wrapper{flex:1;position:relative}.terminal-input{position:absolute;top:0;left:0;width:100%;background:transparent;border:none;outline:none;box-shadow:none;color:transparent;font-family:inherit;font-size:inherit;caret-color:transparent}.terminal-input:focus,.terminal-input:focus-visible{outline:none;border:none;box-shadow:none}.input-mirror{display:inline;color:var(--color-foreground);white-space:pre}.block-cursor{display:inline-block;width:.6em;height:1.2em;background-color:var(--color-prompt);vertical-align:text-bottom;animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.hacker-mode{animation:glitch .3s ease-in-out}.hacker-mode .terminal-body{background:repeating-linear-gradient(0deg,rgba(0,255,0,.03) 0px,rgba(0,255,0,.03) 1px,transparent 1px,transparent 2px)}.scanlines{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);z-index:10}.crt-effect{position:absolute;top:0;left:0;right:0;bottom: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:11}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@media (max-width: 768px){.app{padding:10px}.terminal-container{height:90vh;max-height:none;border-radius:8px}.terminal-body{font-size:13px;padding:12px}.ascii-line{font-size:8px}}@media (max-width: 480px){.terminal-body{font-size:12px}.ascii-line{font-size:6px}.terminal-title{font-size:11px}}:root{--color-background: #0d0d0d;--color-foreground: #e0e0e0;--color-prompt: #00ff9f;--color-accent: #ff00ff;--color-error: #ff4444;--color-link: #00d4ff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden}body{font-family:JetBrains Mono,Fira Code,Consolas,monospace;background-color:var(--color-background);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;width:100%}::selection{background-color:var(--color-accent);color:var(--color-background)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}a{color:var(--color-link);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8;text-decoration:underline}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.terminal-input:focus-visible{outline:none}