*{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,Consolas,Monaco,monospace;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#e0e0e0;overflow:hidden;height:100vh}.terminal-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:radial-gradient(ellipse at center,#1a1a1a,#0a0a0a)}.terminal-window{width:100%;max-width:1000px;height:85vh;background:#0d1117;border-radius:12px;box-shadow:0 20px 40px #0006,0 0 0 1px #4facfe1a;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.terminal-header{display:flex;align-items:center;padding:12px 20px;background:linear-gradient(90deg,#161b22,#21262d);border-bottom:1px solid #30363d;min-height:50px}.window-controls{display:flex;gap:8px;margin-right:15px}.control{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:opacity .2s}.control:hover{opacity:.8}.close{background:#ff5f57}.minimize{background:#ffbd2e}.maximize{background:#28ca42}.terminal-title{display:flex;align-items:center;gap:10px;flex:1;color:#4fc3f7;font-weight:600;font-size:16px}.title-text{letter-spacing:.5px}.header-actions{display:flex;gap:8px}.action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#4facfe1a;border:1px solid rgba(79,172,254,.3);border-radius:6px;color:#4fc3f7;font-size:14px;cursor:pointer;transition:all .2s;font-family:inherit}.action-btn:hover{background:#4facfe33;border-color:#4facfe80}.action-btn:active{transform:scale(.98)}.terminal-body{flex:1;padding:20px;overflow-y:auto;background:#010409;position:relative}.cold-start-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px;color:gold;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,215,0,.3);border-top:3px solid #ffd700;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-title{font-size:20px;font-weight:600;margin-bottom:8px}.loading-subtitle{font-size:14px;color:#ffeb3b;opacity:.8}.connection-status{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.connection-status.error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#ff6b6b}.terminal-output{margin-bottom:20px}.output-text{font-family:inherit;font-size:14px;line-height:1.6;color:#e6fffa;white-space:pre-wrap;word-break:break-word}.terminal-prompt{display:flex;align-items:center;gap:8px;cursor:text;background:#00ff880d;border-radius:6px;padding:12px}.prompt-symbol{color:#0f8;font-weight:700;font-size:16px;min-width:20px}.cursor{color:#0f8;font-weight:700;font-size:16px;width:2px;display:inline-block}.cursor.blink{animation:blink 1s infinite}.prompt-input{flex:1;background:transparent;border:none;outline:none;color:#e6fffa;font-family:inherit;font-size:14px;line-height:1.4;margin-left:4px}.prompt-input::placeholder{color:#6b7280}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.send-btn{background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:4px;color:#0f8;padding:6px 8px;cursor:pointer;transition:all .2s;font-size:12px}.send-btn:hover{background:#0f83;border-color:#00ff8880}.send-btn:active{transform:scale(.95)}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:#161b22;border-top:1px solid #30363d;font-size:12px;min-height:32px}.connection-indicator{display:flex;align-items:center;gap:6px}.connection-indicator.connected{color:#0f8}.connection-indicator.disconnected{color:#ff6b6b}.status-text{color:#8b949e;font-weight:500}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:#0d1117}.terminal-body::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#484f58}@media (max-width: 768px){.input-break-line{margin:8px 0}.terminal-prompt,.terminal-container{padding:10px}.terminal-window{height:95vh;max-width:none;border-radius:8px}.terminal-header{padding:10px 15px;min-height:45px}.window-controls{margin-right:10px}.control{width:10px;height:10px}.terminal-title{font-size:15px}.btn-text{display:none}.action-btn{padding:6px 8px;min-width:32px}.terminal-body{padding:15px}.loading-title{font-size:18px}.loading-subtitle,.output-text,.prompt-input{font-size:13px}.status-bar{padding:6px 15px;font-size:11px}}@media (max-width: 480px){.input-break-line{margin:6px 0}.terminal-prompt{padding:8px}.terminal-container{padding:5px}.terminal-window{height:98vh;border-radius:6px}.terminal-header{padding:8px 12px}.terminal-title{font-size:14px}.terminal-body{padding:12px}.loading-title{font-size:16px}.loading-subtitle,.output-text,.prompt-input{font-size:12px}}@media (min-width: 1200px){.terminal-window{max-width:1200px;height:80vh}.terminal-body{padding:30px}.output-text,.prompt-input{font-size:15px}}.input-break-line{height:1px;background:#4facfe1a;margin:10px 0;width:100%}
