*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#0d0d0d;height:100%}body{-webkit-font-smoothing:antialiased;font-family:JetBrains Mono,Fira Code,Cascadia Code,Courier New,monospace}.theme-dark{--bg:#0d0d0d;--bg-body:#111;--fg:#e0e0e0;--prompt:#0f8;--error:#f55;--system:#888;--input-fg:#fff;--cursor:#0f8;--accent:#0af;--titlebar-bg:#1a1a1a;--border:#333;--autocomplete-bg:#1e1e1e;--autocomplete-item:#aaa}.theme-matrix{--bg:#000;--bg-body:#010;--fg:#00ff41;--prompt:#00ff41;--error:#f55;--system:#072;--input-fg:#00ff41;--cursor:#00ff41;--accent:#0c3;--titlebar-bg:#010;--border:#040;--autocomplete-bg:#010;--autocomplete-item:#0a2}.theme-amber{--bg:#0a0700;--bg-body:#100d00;--fg:#ffb000;--prompt:#fc0;--error:#f55;--system:#860;--input-fg:#fc0;--cursor:#fc0;--accent:#f80;--titlebar-bg:#1a1200;--border:#430;--autocomplete-bg:#1a1200;--autocomplete-item:#c80}.terminal-wrapper{background:var(--bg);height:100vh;color:var(--fg);cursor:text;-webkit-user-select:text;user-select:text;flex-direction:column;display:flex}.terminal-titlebar{background:var(--titlebar-bg);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.titlebar-title{color:var(--system);letter-spacing:.05em;margin-left:8px;font-size:12px}.terminal-body{background:var(--bg-body);scroll-behavior:smooth;flex:1;padding:16px 20px 8px;overflow-y:auto}.line{margin-bottom:2px;line-height:1.6}.line-input .line-input-text{color:var(--input-fg);word-break:break-all;font-size:14px}.line-output .line-output-text,.line-system .line-output-text{color:var(--fg);white-space:pre-wrap;word-break:break-word;font-size:13px}.line-output .line-output-text a,.line-system .line-output-text a,.line-error .line-output-text a{color:var(--accent);text-decoration:underline}.line-system .line-output-text{color:var(--system);font-style:italic}.line-error .line-output-text{color:var(--error);white-space:pre-wrap;font-size:13px}.ansi-cyan{color:#0af}.input-row{align-items:center;margin-top:4px;padding-bottom:4px;display:flex}.prompt{color:var(--prompt);white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:600}.input-container{flex:1;align-items:center;display:flex;position:relative}.terminal-input{color:var(--input-fg);caret-color:var(--cursor);background:0 0;border:none;outline:none;width:100%;padding:0;font-family:inherit;font-size:14px}.autocomplete-row{background:var(--autocomplete-bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:12px;margin-bottom:4px;padding:4px 0;display:flex}.autocomplete-item{color:var(--autocomplete-item);cursor:pointer;font-size:13px}.autocomplete-item:hover{color:var(--accent)}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-track{background:var(--bg)}.terminal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.terminal-body::-webkit-scrollbar-thumb:hover{background:var(--system)}::selection{color:inherit;background:#00ff8840}@media (width<=600px){.terminal-body{padding:10px 12px 6px;font-size:12px}.prompt,.terminal-input,.line-input .line-input-text{font-size:12px}.line-output .line-output-text,.line-error .line-output-text{font-size:11px}}