:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #242424;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-muted: #707070;--accent-primary: #6eb5ff;--accent-success: #7ec87e;--accent-error: #f07178;--accent-warning: #ffca85;--border-color: #2a2a2a;--shadow: rgba(0, 0, 0, .5);--sql-keyword: #e08af0;--sql-string: #91d8a5;--sql-number: #a8c7fa;--sql-operator: #ffb347;--sql-function: #d2a8ff}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f6f8fa;--bg-tertiary: #eaeef2;--text-primary: #1f2328;--text-secondary: #656d76;--text-muted: #8c959f;--accent-primary: #0969da;--accent-success: #1a7f37;--accent-error: #d1242f;--accent-warning: #9a6700;--border-color: #d0d7de;--shadow: rgba(0, 0, 0, .1);--sql-keyword: #cf222e;--sql-string: #0a3069;--sql-number: #0550ae;--sql-operator: #953800;--sql-function: #8250df}*{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow:hidden;transition:background-color .2s ease,color .2s ease}#app{height:100vh;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px var(--shadow)}.terminal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);backdrop-filter:blur(10px)}.terminal-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.title-icon{font-size:1.3rem}.terminal-controls{display:flex;gap:.5rem}.control-btn{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .2s ease;display:flex;align-items:center;gap:.3rem}.control-btn:hover{background:var(--bg-primary);border-color:var(--accent-primary);transform:translateY(-1px)}.control-btn.danger:hover{border-color:var(--accent-error);color:var(--accent-error)}.terminal-body{flex:1;overflow-y:auto;padding:1.5rem 1rem;background:var(--bg-primary);display:flex;flex-direction:column}.output-container{flex:1;margin-bottom:0;overflow-y:auto;padding-bottom:1rem}.output-entry{margin-bottom:1.25rem;animation:fadeInUp .2s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.output-command{display:flex;gap:.75rem;margin-bottom:.5rem;padding:0;background:transparent;border-left:none;border-radius:0;font-size:.95rem}.output-prompt{color:var(--accent-primary);font-weight:700;white-space:nowrap}.output-sql{flex:1;color:var(--text-primary);word-break:break-all}.output-result{margin-left:2rem}.result-success{color:var(--accent-success);padding:.75rem 1rem;background:transparent;border-radius:0;font-size:.9rem;border-left:2px solid var(--accent-success);line-height:1.6}.result-error{color:var(--accent-error);padding:.75rem 1rem;background:transparent;border-radius:0;font-size:.9rem;border-left:2px solid var(--accent-error);display:flex;align-items:flex-start;gap:.5rem;line-height:1.6}.result-table{overflow-x:auto;margin-top:.5rem;border-radius:6px;border:1px solid var(--border-color);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.result-table table{width:100%;border-collapse:collapse;font-size:.9rem}.result-table th{background:var(--bg-tertiary);color:var(--text-primary);padding:.75rem 1rem;text-align:left;font-weight:600;border-bottom:2px solid var(--border-color);position:sticky;top:0}.result-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.result-table tr:hover td{background:var(--bg-secondary)}.result-table tr:last-child td{border-bottom:none}.input-line{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem 1rem;background:transparent;border:none;border-top:1px solid var(--border-color);border-radius:0;box-shadow:none;transition:all .2s ease}.input-line:focus-within{background:#58a6ff08}.prompt{color:var(--accent-primary);font-weight:700;font-size:.95rem;line-height:1.5;padding-top:.125rem;user-select:none;white-space:nowrap}.input-wrapper{flex:1;min-width:0}.sql-input{width:100%;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:.95rem;outline:none;resize:none;line-height:1.5;max-height:200px;padding:0}.sql-input::placeholder{color:var(--text-muted);opacity:.6}.terminal-footer{padding:.75rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.status-bar{display:flex;gap:1rem;font-size:.85rem;color:var(--text-secondary)}.separator{color:var(--border-color)}#session-status{color:var(--accent-success)}.github-link{color:var(--text-secondary);text-decoration:none;display:flex;align-items:center;transition:all .2s ease;opacity:.7}.github-link:hover{color:var(--text-primary);opacity:1;transform:translateY(-2px)}.sql-keyword{color:var(--sql-keyword);font-weight:600}.sql-string{color:var(--sql-string)}.sql-number{color:var(--sql-number)}.sql-operator{color:var(--sql-operator)}.sql-function{color:var(--sql-function)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.row-count{display:inline-block;margin-top:.5rem;padding:.25rem .75rem;background:var(--bg-tertiary);border-radius:12px;font-size:.85rem;color:var(--text-secondary)}@media (max-width: 768px){.terminal-header{padding:.75rem 1rem}.terminal-body{padding:1rem}.terminal-title{font-size:1rem}.control-btn{padding:.4rem .8rem;font-size:.85rem}}