:root{--bg: #020617;--bg-panel: rgba(15, 23, 42, .85);--bg-strong: rgba(2, 6, 23, .95);--border: #1e293b;--text: #e2e8f0;--muted: #cbd5e1;--muted-2: #94a3b8;--accent: #8b5cf6;--accent-2: #a855f7;--accent-3: #6366f1;--shadow: 0 12px 45px rgba(0, 0, 0, .35);--header-height: 72px;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}.menu-toggle{width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--bg-strong);color:var(--text);display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 1px #ffffff0a}.menu-toggle:focus-visible{outline:2px solid rgba(167,139,250,.5);outline-offset:2px}.menu-icon{width:18px;height:2px;background:currentColor;position:relative;display:block}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor}.menu-icon:before{top:-6px}.menu-icon:after{top:6px}.main-layout{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:16px;padding:16px 20px 28px}.main-layout.coach-hidden{grid-template-columns:300px minmax(0,1fr)}.sidebar{background:linear-gradient(155deg,#6366f114,#0f172ae6),var(--bg-panel);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow);padding:16px;height:calc(100vh - var(--header-height) - 44px);overflow-y:auto;position:sticky;top:calc(var(--header-height) + 12px);display:flex;flex-direction:column;gap:18px}.sidebar-header,.db-actions{display:flex;flex-direction:column;gap:10px}.primary-button{border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600;background:linear-gradient(135deg,var(--accent-3),var(--accent-2));color:#fff;border:1px solid rgba(167,139,250,.45);box-shadow:0 12px 30px #6366f14d,0 0 0 1px #a78bfa33;cursor:pointer;transition:transform .06s ease,box-shadow .12s ease}.primary-button:hover{box-shadow:0 16px 36px #6366f161,0 0 0 1px #a78bfa47}.primary-button:active{transform:translateY(1px)}.secondary-button{border-radius:12px;padding:11px 14px;font-size:14px;font-weight:600;background:var(--bg-strong);color:var(--text);border:1px solid var(--border);cursor:pointer;box-shadow:inset 0 1px #ffffff0a}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.inline-panel{border-radius:12px;padding:10px 12px;background:var(--bg-strong);border:1px solid var(--border);color:var(--muted);font-size:13px}.sidebar-section h2{margin:0 0 10px;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#fff}.db-name{font-weight:600;color:#fff;margin-bottom:10px}.queries-section,.queries-header{display:flex;flex-direction:column;gap:10px}.queries-tabs{display:inline-flex;gap:6px}.mini-tab{border-radius:999px;padding:6px 12px;font-size:12px;border:1px solid var(--border);background:#ffffff0a;color:var(--muted);cursor:pointer}.mini-tab.active{color:#fff;background:#6366f12e;border-color:#a78bfa80}.queries-panel{display:none;flex-direction:column;gap:10px}.queries-panel.active{display:flex}.queries-actions{display:flex;justify-content:flex-end}.mini-button{border-radius:10px;padding:6px 12px;font-size:12px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);cursor:pointer}.mini-button:disabled{opacity:.5;cursor:not-allowed}.mini-button.ghost{background:transparent}#open-coach{display:inline-flex;align-items:center;gap:8px}#open-coach.challenge-complete:after{content:"";width:10px;height:10px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 2px #22c55e33;flex-shrink:0}.query-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;padding-right:4px}.templates-list{max-height:240px}.query-item,.saved-item{border-radius:12px;border:1px solid var(--border);padding:10px 12px;background:#ffffff05;display:flex;flex-direction:column;gap:6px;cursor:pointer}.query-item:hover,.saved-item:hover{border-color:#a78bfa66}.query-row{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;flex-shrink:0}.status-dot.ok{background:#34d399}.status-dot.error{background:#f87171}.query-text{font-size:13px;color:#fff;line-height:1.4}.query-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted-2)}.query-badge{border-radius:999px;padding:2px 6px;background:#6366f12e;color:#fff;font-size:10px}.query-badge.success{background:#22c55e40}.query-badge.error{background:#f8717140}.query-meta .icon-button{margin-left:auto}.icon-button{border:0;background:transparent;color:var(--muted-2);cursor:pointer;font-size:12px}.icon-button:hover{color:#fff}.saved-name{font-weight:600;color:#fff;font-size:13px}.saved-desc{font-size:12px;color:var(--muted-2)}.saved-actions{display:flex;justify-content:flex-end;gap:6px}.template-card{border-radius:12px;border:1px solid var(--border);padding:10px 12px;background:#ffffff05;display:grid;gap:8px}.template-title{font-weight:600;font-size:13px;color:#fff}.template-desc{font-size:12px;color:var(--muted-2)}.template-actions{display:flex;align-items:center;gap:8px}.template-hint{font-size:12px;color:var(--muted-2)}.save-form{display:grid;gap:8px;padding:10px;border-radius:12px;border:1px solid var(--border);background:#02061799}.form-label{font-size:12px;color:var(--muted-2)}.form-input{border-radius:10px;border:1px solid var(--border);background:var(--bg-strong);color:var(--text);padding:8px 10px;font-size:12px;font-family:Inter,Segoe UI,system-ui,sans-serif;resize:vertical}.form-error{font-size:12px;color:#fca5a5;min-height:16px}.form-actions{display:flex;gap:8px;justify-content:flex-end}.query-empty{padding:8px 12px;font-size:12px;color:var(--muted-2)}.table-list{display:flex;flex-direction:column;gap:8px}.table-empty{padding:8px 12px;font-size:13px;color:var(--muted-2)}.table-item{border-radius:12px;border:1px solid transparent;background:#ffffff05;transition:border .2s ease,background .2s ease}.table-item.active{border-color:#a78bfa80;background:#6366f11f}.table-toggle{width:100%;text-align:left;padding:10px 12px;background:transparent;border:0;color:inherit;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}.table-toggle:focus-visible{outline:2px solid rgba(167,139,250,.5);outline-offset:2px}.chevron{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .2s ease;color:var(--muted-2)}.table-item.active .chevron{transform:rotate(45deg);color:#fff}.schema-panel{max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .2s ease}.schema-panel.open{opacity:1}.schema-list{list-style:none;margin:0;padding:4px 14px 12px;color:var(--muted);font-size:13px;display:grid;gap:4px}.content{display:flex;flex-direction:column;gap:18px;min-height:0;min-width:0}.mobile-coach-bar{display:none;justify-content:flex-end}.query-panel{background:linear-gradient(155deg,#8b5cf629,#0f172ae6),var(--bg-panel);border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;gap:12px}.query-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.query-header h2{margin:0;color:#fff;font-size:18px}.query-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.query-editor{position:relative}textarea{width:100%;min-height:80px;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--bg-strong);color:var(--text);font-size:14px;font-family:JetBrains Mono,Menlo,Consolas,monospace;resize:vertical;line-height:1.5}textarea:focus{outline:2px solid rgba(167,139,250,.4);outline-offset:2px}.run-button{border-radius:10px;padding:8px 14px;font-size:13px;background:linear-gradient(135deg,var(--accent-3),var(--accent-2));color:#fff;border:1px solid rgba(167,139,250,.45);box-shadow:0 10px 24px #6366f152;cursor:pointer}.clear-button{border-radius:10px;padding:8px 12px;font-size:12px;background:var(--bg-strong);color:var(--text);border:1px solid var(--border);cursor:pointer}.run-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.query-status{font-size:13px;color:var(--muted)}.results-panel{background:linear-gradient(155deg,#6366f114,#0f172ae0),var(--bg-panel);border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow);padding:14px 16px 18px;display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;min-width:0}.tabs{display:inline-flex;gap:8px}.tab-button{border-radius:999px;padding:8px 14px;font-size:13px;border:1px solid var(--border);background:#ffffff0a;color:var(--muted);cursor:pointer}.tab-button.active{color:#fff;background:#6366f12e;border-color:#a78bfa80}.tab-panel{display:none}.tab-panel.active{display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden}.scroll-target-wrap{position:relative;flex:1;min-height:0;min-width:0;padding-right:18px;padding-bottom:18px}.coach-panel{width:320px;flex-shrink:0;border-radius:18px;border:1px solid var(--border);background:linear-gradient(155deg,#6366f114,#0f172ae0),var(--bg-panel);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:14px;height:calc(100vh - var(--header-height) - 44px);position:sticky;top:calc(var(--header-height) + 12px);overflow:hidden}.coach-header{display:flex;flex-direction:column;gap:8px}.coach-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.coach-filters{display:grid;grid-template-columns:1fr;gap:8px}.coach-header h2{margin:0;font-size:16px;color:#fff}.coach-close-button{display:none;padding:6px 10px;min-height:34px;border-radius:10px;border:1px solid var(--border);background:var(--bg-strong);color:var(--text);font-size:12px;line-height:1.2;white-space:nowrap;cursor:pointer;align-items:center;justify-content:center}.coach-close-button:focus-visible{outline:2px solid rgba(167,139,250,.5);outline-offset:2px}.coach-select{border-radius:10px;padding:8px 10px;font-size:12px;background:var(--bg-strong);border:1px solid var(--border);color:var(--text)}.coach-details{border-radius:14px;border:1px solid var(--border);padding:14px 16px;background:#02061799;display:flex;flex-direction:column;flex:1;min-height:0;gap:12px;overflow-y:auto}.coach-footer{margin-top:auto;padding-top:10px;border-top:1px solid var(--border);font-size:11px;color:var(--muted-2);text-align:center;line-height:1.4}.coach-status{font-size:12px;color:var(--muted-2)}.coach-hint{font-size:12px;color:var(--muted-2);border-left:2px solid rgba(99,102,241,.4);padding-left:8px}.coach-details h3{margin:0;color:#fff;font-size:18px}.coach-details p{margin:0;color:var(--muted);line-height:1.5}.hint-toggle{font-size:12px;color:var(--muted-2);cursor:pointer}.hint-box{border-radius:10px;border:1px solid var(--border);padding:10px 12px;background:#ffffff08;color:var(--muted);font-size:12px}.challenge-actions{display:flex;gap:10px;flex-wrap:wrap}.challenge-feedback{border-radius:10px;border:1px solid var(--border);padding:10px 12px;font-size:13px}.challenge-feedback.success{color:#34d399}.challenge-feedback.error{color:#fca5a5}.challenge-reset{margin-left:auto}@media(max-width:900px){.coach-panel{position:fixed;inset:auto 16px 20px;height:70vh;transform:translateY(120%);transition:transform .2s ease;z-index:12}.coach-panel.open{transform:translateY(0)}.mobile-coach-bar{display:flex}.coach-close-button{display:inline-flex}}.table-wrap{width:100%;max-width:100%;flex:1;min-height:0;min-width:0;overflow-x:auto;overflow-y:scroll;scrollbar-gutter:stable;border-radius:12px;border:1px solid var(--border);background:#020617b3;height:100%}.table-wrap table{width:max-content;min-width:100%;border-collapse:collapse;min-width:480px}.table-wrap th,.table-wrap td{padding:10px 12px;font-size:13px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.table-wrap th{background:#ffffff0a;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#fff}.table-wrap tbody tr:hover{background:#6366f114}.empty-state{padding:28px;text-align:center;color:var(--muted)}.messages{color:var(--muted);display:grid;gap:6px;min-height:0;overflow-y:scroll;scrollbar-gutter:stable;align-content:start}.custom-scrollbar{position:absolute;width:14px;border-radius:999px;background:#0f172ad1;border:1px solid rgba(148,163,184,.35);z-index:4;-webkit-user-select:none;user-select:none;touch-action:none}.custom-scrollbar.disabled{opacity:.65}.custom-scrollbar-sidebar{top:16px;bottom:16px;right:6px}.custom-scrollbar-results{top:8px;bottom:20px;right:2px}.custom-scrollbar-results-x{left:2px;right:20px;width:auto;height:14px;bottom:2px}.custom-scrollbar-thumb{position:absolute;top:0;left:1px;right:1px;min-height:36px;border-radius:999px;background:#94a3b8e6;border:1px solid rgba(15,23,42,.9);cursor:grab}.custom-scrollbar-thumb.dragging{cursor:grabbing}.table-wrap{scrollbar-width:none}.table-wrap::-webkit-scrollbar{width:0;height:0}.custom-scrollbar-thumb-x{inset:1px auto 1px 0;min-width:36px;min-height:auto;transform:translate(0)}.message-card{border-radius:12px;border:1px solid var(--border);padding:12px;background:#02061799;display:grid;gap:8px}.message-card h4{margin:0;font-size:14px;color:#fff}.message-card.success{border-color:#22c55e66}.message-card.error{border-color:#f8717180}.message-meta{font-size:12px;color:var(--muted-2)}.message-hints{margin:0;padding-left:18px;color:var(--muted);font-size:12px;display:grid;gap:4px}.message-suggestions{font-size:12px;color:var(--muted)}.results-banner{display:flex;align-items:center;gap:10px;border-radius:12px;border:1px solid rgba(248,113,113,.5);padding:8px 12px;background:#f871711f;color:#fca5a5;margin-bottom:10px}.message-item{padding:8px 10px;border-radius:10px;background:#02061799;border:1px solid var(--border);font-size:13px}.message-item.success{color:#34d399}.message-item.error{color:#fca5a5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.backdrop{position:fixed;inset:0;background:#02061780;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:8}.backdrop.show{opacity:1;pointer-events:auto}.backdrop.coach{z-index:11}.modal-overlay{position:fixed;inset:0;z-index:20;background:#020617b3;display:flex;align-items:center;justify-content:center;padding:16px}.modal-card{width:min(460px,100%);border-radius:16px;border:1px solid var(--border);background:linear-gradient(155deg,#6366f114,#0f172aeb),var(--bg-panel);box-shadow:var(--shadow);padding:18px;display:grid;gap:12px}.modal-card h2{margin:0;font-size:20px;color:#fff}.modal-card p{margin:0;font-size:14px;color:var(--muted);line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.cookie-notice{position:fixed;left:16px;bottom:16px;z-index:19;width:min(720px,calc(100vw - 24px));border-radius:14px;border:1px solid var(--border);background:linear-gradient(155deg,#6365f1cc,#0f172af2),var(--bg-panel);box-shadow:var(--shadow);padding:18px;display:grid;gap:14px}.cookie-notice-text{margin:0;font-size:16px;color:var(--muted);line-height:1.45}.cookie-notice-actions{display:flex;justify-content:flex-end;gap:8px}.cookie-allow-button{border-color:#a78bfa73;background:linear-gradient(135deg,var(--accent-3),var(--accent-2));color:#fff}.no-scroll{overflow:hidden}@media(max-width:900px){.main-layout{grid-template-columns:260px 1fr}.coach-panel{width:auto}}@media(max-width:768px){.menu-toggle{display:inline-flex}.main-layout{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;height:100vh;width:min(80vw,320px);transform:translate(-100%);transition:transform .2s ease;z-index:30;border-radius:0 16px 16px 0}.sidebar.open{transform:translate(0)}.content{padding-top:4px}}@media(max-width:520px){.query-header{flex-direction:row;align-items:center;flex-wrap:nowrap}.query-header h2{font-size:16px}.query-actions{flex-shrink:0}.cookie-notice{left:12px;bottom:12px;right:12px;width:auto}}.main-layout{width:100%;min-width:0;height:100%;box-sizing:border-box;padding:14px 20px 8px;overflow:hidden}@media(min-width:769px){.sidebar,.coach-panel{height:calc(100% - 28px);max-height:calc(100% - 28px);position:relative;top:auto}.content{height:calc(100% - 28px);min-height:0;overflow:hidden}}.sql-route.svelte-p4fcav{flex:1;min-height:0;width:100%;height:100%}.site-main{padding:0;overflow:hidden}.page{height:100vh;min-height:100vh}@supports (height: 100dvh){.page{height:100dvh;min-height:100dvh}}