*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg:#0d0d0d;--terminal-bg:#1c1c1c;--terminal-border:#2e2e2e;--header-bg:#2a2a2a;--header-border:#3a3a3a;--title-color:#7a7a7a;--body-color:#d4d4d4;--scrollbar:#3a3a3a;--output-bg:#252525;--output-border:#4a9eff;--error-color:#f48771;--error-bg:#2a1a1a;--info-color:#7ec8e3;--prompt-color:#4ec9b0;--input-color:#9cdcfe;--suggestion-color:#4a5568;--caret-color:#4ec9b0;--hl-key:#9cdcfe;--hl-str:#ce9178;--hl-num:#b5cea8;--hl-lit:#569cd6}[data-theme=light]{--bg:#f0f0f0;--terminal-bg:#fff;--terminal-border:#ccc;--header-bg:#e4e4e4;--header-border:#ccc;--title-color:#888;--body-color:#1a1a1a;--scrollbar:#bbb;--output-bg:#f8f8f8;--output-border:#0078d4;--error-color:#c62828;--error-bg:#fdecea;--info-color:#0277bd;--prompt-color:#008060;--input-color:#005f9e;--suggestion-color:#aaa;--caret-color:#008060;--hl-key:#0070c1;--hl-str:#a31515;--hl-num:#087239;--hl-lit:#00c}[data-theme=matrix]{--bg:#000;--terminal-bg:#020802;--terminal-border:#030;--header-bg:#0a0f0a;--header-border:#030;--title-color:#060;--body-color:#0c3;--scrollbar:#030;--output-bg:#040d04;--output-border:#00ff41;--error-color:#f44;--error-bg:#1a0000;--info-color:#00ff41;--prompt-color:#00ff41;--input-color:#0c3;--suggestion-color:#050;--caret-color:#00ff41;--hl-key:#00ff41;--hl-str:#8f8;--hl-num:#6f0;--hl-lit:#0ca}[data-theme=dracula]{--bg:#1e1e2e;--terminal-bg:#282a36;--terminal-border:#44475a;--header-bg:#21222c;--header-border:#44475a;--title-color:#6272a4;--body-color:#f8f8f2;--scrollbar:#44475a;--output-bg:#21222c;--output-border:#bd93f9;--error-color:#f55;--error-bg:#2a1a2a;--info-color:#ff79c6;--prompt-color:#50fa7b;--input-color:#8be9fd;--suggestion-color:#44475a;--caret-color:#50fa7b;--hl-key:#8be9fd;--hl-str:#f1fa8c;--hl-num:#bd93f9;--hl-lit:#ff79c6}[data-theme=nord]{--bg:#242933;--terminal-bg:#2e3440;--terminal-border:#3b4252;--header-bg:#3b4252;--header-border:#434c5e;--title-color:#616e88;--body-color:#d8dee9;--scrollbar:#434c5e;--output-bg:#3b4252;--output-border:#81a1c1;--error-color:#bf616a;--error-bg:#2d2020;--info-color:#88c0d0;--prompt-color:#a3be8c;--input-color:#88c0d0;--suggestion-color:#4c566a;--caret-color:#a3be8c;--hl-key:#88c0d0;--hl-str:#a3be8c;--hl-num:#b48ead;--hl-lit:#81a1c1}.hl-key{color:var(--hl-key)}.hl-str{color:var(--hl-str)}.hl-num{color:var(--hl-num)}.hl-lit{color:var(--hl-lit)}body{background:var(--bg);justify-content:center;align-items:flex-start;min-height:100vh;padding:32px 16px;font-family:ui-monospace,Cascadia Code,Fira Code,Consolas,Courier New,monospace;transition:background .2s;display:flex}#root{width:100%;max-width:860px}.terminal{background:var(--terminal-bg);cursor:text;border:1px solid var(--terminal-border);border-radius:10px;flex-direction:column;min-height:calc(100vh - 64px);transition:background .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 24px 64px #000000d9}.terminal-header{background:var(--header-bg);border-bottom:1px solid var(--header-border);flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;transition:background .2s,border-color .2s;display:flex}.dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.terminal-title{color:var(--title-color);letter-spacing:.02em;margin-left:8px;font-size:13px}.terminal-body{color:var(--body-color);scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;flex:1;padding:16px 20px 12px;font-size:14px;line-height:1.65;transition:color .2s;overflow-y:auto}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}.line{margin-bottom:2px}.line-input{color:var(--input-color);gap:8px;display:flex}.line-input .prompt{color:var(--prompt-color);flex-shrink:0}.line-output{color:var(--body-color);background:var(--output-bg);border-left:3px solid var(--output-border);white-space:pre;border-radius:0 4px 4px 0;margin:4px 0 12px;padding:10px 14px;font-size:13px;line-height:1.7;transition:background .2s,color .2s,border-color .2s;overflow-x:auto}.line-error{color:var(--error-color);background:var(--error-bg);border-left:3px solid var(--error-color);white-space:pre;border-radius:0 4px 4px 0;margin:4px 0 12px;padding:10px 14px;font-size:13px;line-height:1.7;transition:background .2s,color .2s,border-color .2s;overflow-x:auto}.line-info{color:var(--info-color);margin-bottom:4px;font-style:italic}.input-row{align-items:center;gap:8px;margin-top:4px;padding:4px 0 2px;display:flex}.input-row .prompt{color:var(--prompt-color);flex-shrink:0}.input-wrapper{flex:1;min-width:0;display:grid}.input-wrapper>*{grid-area:1/1}.input-row input{color:#0000;caret-color:var(--caret-color);font:inherit;z-index:1;background:0 0;border:none;outline:none;width:100%;margin:0;padding:0;font-size:14px;line-height:1.65}.input-overlay{pointer-events:none;white-space:pre;font:inherit;z-index:0;font-size:14px;line-height:1.65;overflow:hidden}.input-typed{color:var(--input-color)}.input-suggestion{color:var(--suggestion-color)}@media (width<=600px){body{padding:0}.terminal{border:none;border-radius:0;min-height:100vh}.terminal-body{font-size:13px}}