:root{color-scheme:dark;--ink:#dce5ef;--muted:#8c9caf;--line:#2c3949;--blue:#8cbaff;--surface:#171d25;--soft:#222c39;--hover-bg:#29384b;--focus:#8cbaff;--input-bg:#101720;--radius:8px;font:14px/1.5 "Segoe UI",Arial,sans-serif;background:var(--surface);color:var(--ink)}*{box-sizing:border-box}body{margin:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}button,input,select{font:inherit;color:inherit}button,select,input{border:1px solid var(--line);border-radius:6px;background:var(--input-bg);padding:6px 10px}button{cursor:pointer}button:hover{background:var(--hover-bg)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button.primary{background:#304d74;border-color:#527bb0;color:#eef5ff}input::placeholder{color:var(--muted)}.topbar{min-height:46px;display:flex;align-items:center;gap:24px;padding:4px 16px;background:#222c39;border-bottom:1px solid var(--line)}.topbar strong{font-size:17px;white-space:nowrap}.topmark{color:var(--muted);font-size:12px}.connect{display:flex;gap:8px;margin-left:auto}.connect input{width:220px}.brand{font-size:12px;color:var(--blue)}.sessionbar{display:flex;justify-content:space-between;gap:10px;padding:5px 16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.workspace{display:grid;grid-template-columns:274px minmax(0,1fr);min-height:0;flex:1}aside{display:flex;flex-direction:column;min-height:0;background:var(--soft);border-right:1px solid var(--line)}.sidebar-title{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;font-size:11px;letter-spacing:.1em;font-weight:600}.sidebar-title button{padding:0 7px;font-size:18px}.search{display:flex;align-items:center;gap:7px;margin:0 12px 12px}.search input{width:100%;min-width:0;font-size:12px}.sidebar-note{padding:16px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}#tree{flex:1;overflow:auto;min-height:0}#tree.clo-tree{border:0;border-radius:0;background:transparent;font-size:13px}.clo-tree-row{border-radius:4px}.clo-tree-icon{color:var(--blue)}main{min-width:0;min-height:0;display:flex;flex-direction:column}.sectionbar{padding:16px;font-size:11px;letter-spacing:.1em;border-bottom:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between}.sectionbar span{letter-spacing:0;color:var(--blue)}.toolbar{display:flex;gap:8px;align-items:center;padding:10px 16px;flex-wrap:wrap}.toolbar label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.toolbar select{max-width:220px;color:var(--ink)}#policy{margin-left:auto;font-size:11px;color:var(--muted)}kbd{font:10px "Segoe UI",sans-serif;margin-left:10px;opacity:.65}.tabs{display:flex;overflow:auto;border-bottom:1px solid var(--line);background:#1b232e;flex-shrink:0}.tab{display:flex;align-items:center;border-right:1px solid var(--line);border-top:2px solid transparent;white-space:nowrap}.tab.active{border-top-color:var(--blue);background:var(--surface)}.tab button{border:0;border-radius:0;background:transparent;font-size:12px}.tab .close{padding:7px;color:var(--muted)}.welcome{padding:40px 28px}.eyebrow{font-size:10px;color:var(--blue);letter-spacing:.15em}h1{font-size:25px;line-height:1.3;margin:12px 0}.welcome>p:not(.eyebrow){color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.cards article{border:1px solid var(--line);border-radius:10px;padding:20px}.cards article>span{color:var(--blue);font-size:12px}h2{font-size:16px;margin:8px 0}.cards p{font-size:12px;color:var(--muted);margin-bottom:0}.query-pane{height:32vh;min-height:180px;position:relative;flex-shrink:0;border-bottom:1px solid var(--line)}#editor{position:absolute;inset:0 0 25px}.code-editor-surface{position:absolute;inset:0}.editor-hint{position:absolute;bottom:0;width:100%;padding:4px 14px;background:#1b232e;font-size:10px;color:var(--blue);display:flex;justify-content:space-between}.editor-hint span{color:var(--muted)}.code-signature-hint{position:absolute;z-index:10;background:var(--soft);border:1px solid var(--line);padding:4px}.table-views{padding:8px 16px;display:flex;gap:8px;border-bottom:1px solid var(--line)}.table-views button.active{background:#304d74;color:var(--blue)}[hidden]{display:none!important}.results{min-height:0;flex:1;overflow:auto;position:relative}.results table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:12px}.results th{text-align:left;position:sticky;top:0;z-index:1;background:#222c39;padding:8px 12px;border-bottom:1px solid var(--line);font-weight:600}.results td{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 12px;border-bottom:1px solid var(--line);border-right:1px solid #222c39}.results tbody tr:hover{background:#202d3f}.results .rowno{color:var(--muted);font-variant-numeric:tabular-nums;width:40px;text-align:right}.null{color:#6f829b;font-style:italic}#result-empty{padding:24px 28px;color:var(--muted);font-size:13px}footer{display:flex;align-items:center;justify-content:space-between;padding:7px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;min-height:43px}footer button{font-size:11px;padding:3px 10px}#status.error{color:#ffaba5}@media(max-width:1000px){.topmark,.brand{display:none}.workspace{grid-template-columns:230px minmax(0,1fr)}.cards{grid-template-columns:1fr}.cards article{padding:12px}.welcome{padding:20px}}@media(max-width:680px){.workspace{grid-template-columns:180px minmax(0,1fr)}.connect input{width:120px}.topbar{gap:8px}.toolbar{padding:8px}.toolbar label{max-width:100%}.toolbar select{max-width:130px}.welcome{overflow:auto}.sectionbar{padding:10px}#context{display:none}}
.userbox{display:inline-flex;gap:10px;align-items:center;margin-left:auto;margin-right:12px;color:var(--muted)}.userbox[hidden]{display:none}
.connect[hidden]{display:none}
.login-form{display:grid;gap:14px;min-width:min(340px,80vw)}.login-form .form-row{display:grid;gap:4px}.login-form label{color:var(--muted);font-size:13px}
.login-form input{padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--input-bg);color:var(--ink);font:inherit}
.login-form input:focus{outline:2px solid var(--focus);outline-offset:1px}.login-note{margin:0;color:var(--muted)}.login-error{margin:0;color:#ff8a80}
.login-form .dialog-buttons{display:flex;justify-content:flex-end}.login-form button.primary{padding:9px 18px;border:0;border-radius:var(--radius);background:var(--blue);color:#0b1220;font-weight:600;cursor:pointer}
:root{--overlay-bg:var(--surface);--overlay-line:var(--line);--overlay-ink:var(--ink)}
.export-dialog{display:grid;gap:10px;min-width:min(520px,86vw)}.export-group{border:1px solid var(--line);border-radius:var(--radius);padding:6px 12px;display:grid;gap:4px}.export-group legend{color:var(--muted);font-size:12px;padding:0 4px}
.export-dialog label{display:flex;gap:6px;align-items:center}.export-dialog select,.export-dialog input[type=search]{padding:7px 9px;border:1px solid var(--line);border-radius:var(--radius);background:var(--input-bg);color:var(--ink);font:inherit}
.export-tools{display:flex;gap:8px;align-items:center}.export-tools input{flex:1}.export-tools button,.dialog-buttons button{padding:6px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);color:var(--ink);cursor:pointer}
.export-list{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);padding:6px 10px;display:grid;gap:2px;background:var(--input-bg)}.export-count{color:var(--muted);font-size:12px;white-space:nowrap}
.dialog-buttons{display:flex;gap:8px;justify-content:flex-end}.dialog-buttons button.primary{background:var(--blue);color:#0b1220;border:0;font-weight:600}.dialog-buttons button:disabled{opacity:.5;cursor:not-allowed}
:root{--hover-bg:#29384b}

.avatar{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--input-bg);color:var(--ink);cursor:pointer}.avatar:hover,.avatar:focus-visible{border-color:var(--focus);outline:2px solid var(--focus);outline-offset:1px}.user-name{max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile{display:grid;gap:18px;min-width:min(460px,86vw)}.profile h3{margin:0 0 8px;font-size:15px}.profile-facts{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0}.profile-facts dt{color:var(--muted)}.profile-facts dd{margin:0}.profile section{padding-top:14px;border-top:1px solid var(--line)}.profile .qr{width:220px;height:220px;background:#fff;padding:6px;border-radius:8px}.profile .qr svg{width:100%;height:100%}.profile .secret{font:15px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.08em;user-select:all}.profile .dialog-buttons{display:flex;justify-content:flex-end;gap:8px}
