*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#e2e8f0;background:#0d0d0d;height:100%;font-family:Cascadia Code,Fira Code,Courier New,monospace}.terminal{cursor:text;flex-direction:column;max-width:960px;height:100vh;margin:0 auto;padding:0;display:flex}.terminal-header{background:#1a1a1a;border-bottom:1px solid #2d2d2d;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;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:#888;flex:1;margin-left:8px;font-size:13px}.key-badge{color:#4ade80;background:#052e16;border:1px solid #166534;border-radius:4px;padding:2px 8px;font-size:11px}.loading-badge{color:#facc15;font-size:11px;animation:1s linear infinite spin-text}@keyframes spin-text{0%,to{opacity:1}50%{opacity:.3}}.terminal-output{scroll-behavior:smooth;flex:1;padding:16px;overflow-y:auto}.terminal-output::-webkit-scrollbar{width:6px}.terminal-output::-webkit-scrollbar-track{background:0 0}.terminal-output::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.line{white-space:pre-wrap;word-break:break-all;direction:ltr;font-size:13.5px;line-height:1.7}.line.blank{height:10px}.line.system{color:#64748b}.line.prompt{color:#94a3b8}.line.info{color:#7dd3fc}.line.success{color:#4ade80}.line.error{color:#f87171}.line.json{color:#a5f3fc}.line.text{color:#cbd5e1}.line.stream{color:#e2e8f0;white-space:pre-wrap}.cursor-blink{color:#4ade80;animation:1s step-start infinite blink}@keyframes blink{50%{opacity:0}}.terminal-input-row{background:#111;border-top:1px solid #2d2d2d;flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;display:flex}.terminal-prompt{color:#4ade80;flex-shrink:0;font-size:14px;font-weight:700}.terminal-input{color:#e2e8f0;caret-color:#4ade80;direction:ltr;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px}