:root{--bg:#0c0d10;--bg-elev:#131418;--bg-elev-2:#191b20;--bg-elev-3:#22252c;--border:#25272e;--border-bright:#32353d;--text:#e8e6df;--text-dim:#9a988f;--text-faint:#5c5a54;--accent:#d4a373;--accent-dim:#8a6a4a;--brand:#d4a373;--success:#7fa978;--warn:#d4a13f;--danger:#c77c6a;--low-conf:#9b7ac4;--sql-keyword:#d4a373;--sql-string:#7fa978;--sql-column:#9fb4d4;--sql-table:#e8c37d;--sql-comment:#5c5a54;--font-display:"Fraunces", Georgia, serif;--font-body:"Inter Tight", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;height:100%;font-size:13px;line-height:1.5;overflow:hidden}body{background-image:radial-gradient(800px 400px at 15% 0,#d4a3730a,#0000 60%),radial-gradient(600px 300px at 100% 100%,#9b7ac408,#0000 60%)}#root{height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.hp-root{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font-body);flex-direction:column;font-size:13px;display:flex}.hp-center{justify-content:center;align-items:center}.hp-spinner{border:2px solid var(--border-bright);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite hp-spin}.hp-spinner-sm{border-width:2px;width:15px;height:15px}@keyframes hp-spin{to{transform:rotate(360deg)}}.hp-btn{font:inherit;border:1px solid var(--border-bright);background:var(--bg-elev-2);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:8px 14px;font-weight:500;transition:background .15s,border-color .15s,opacity .15s}.hp-btn:hover:not(:disabled){background:var(--bg-elev-3);border-color:var(--text-faint)}.hp-btn:disabled{opacity:.45;cursor:default}.hp-btn-sm{border-radius:7px;padding:5px 10px;font-size:12px}.hp-btn-accent{background:var(--accent);border-color:var(--accent);color:#1a140d;font-weight:600}.hp-btn-accent:hover:not(:disabled){background:#e0b487;border-color:#e0b487}.hp-btn-outline{border-color:var(--accent-dim);color:var(--accent);background:0 0}.hp-btn-outline:hover:not(:disabled){background:#d4a37314}.hp-btn-ghost{color:var(--text-dim);background:0 0;border-color:#0000}.hp-btn-ghost:hover:not(:disabled){background:var(--bg-elev-2);color:var(--text)}.hp-btn-danger{color:var(--danger);background:0 0;border-color:#c77c6a66}.hp-btn-danger:hover:not(:disabled){background:#c77c6a1f}.hp-badge{text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600;font-family:var(--font-mono);border-radius:5px;padding:2px 7px;display:inline-block}.hp-badge-text{color:var(--sql-column);background:#9fb4d426}.hp-badge-voice{color:var(--accent);background:#d4a37326}.hp-status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.hp-status-live{background:var(--success);box-shadow:0 0 6px #7fa97899}.hp-status-connecting{background:var(--warn);animation:1.2s ease-in-out infinite hp-pulse}.hp-status-ended{background:var(--text-faint)}@keyframes hp-pulse{0%,to{opacity:1}50%{opacity:.3}}.hp-login{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.hp-login-card{background:var(--bg-elev);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:400px;padding:36px 32px}.hp-login-brand{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-dim);align-items:center;gap:8px;margin-bottom:22px;font-size:11px;display:inline-flex}.hp-login-dot,.hp-brand-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px #d4a37399}.hp-login-title{font-family:var(--font-display);margin-bottom:10px;font-size:24px;font-weight:500}.hp-login-sub{color:var(--text-dim);margin-bottom:24px;line-height:1.6}.hp-login-btn{justify-content:center;min-height:44px;display:flex}.hp-login-status{color:var(--text-dim);margin-top:16px}.hp-login-error{color:var(--danger);background:#c77c6a1a;border:1px solid #c77c6a40;border-radius:8px;margin-top:16px;padding:10px 12px;font-size:12px}.hp-console{height:100%}.hp-topbar{border-bottom:1px solid var(--border);background:var(--bg-elev);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.hp-brand{font-family:var(--font-display);align-items:center;gap:9px;font-size:17px;display:flex}.hp-brand-sub{color:var(--text-dim);font-family:var(--font-body);font-size:12px}.hp-topbar-right{align-items:center;gap:12px;display:flex}.hp-conn{font-family:var(--font-mono);color:var(--warn);align-items:center;gap:6px;font-size:11px;display:inline-flex}.hp-conn:before{content:"";background:var(--warn);border-radius:50%;width:7px;height:7px}.hp-conn.is-on{color:var(--success)}.hp-conn.is-on:before{background:var(--success)}.hp-role-pill{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:var(--bg-elev-3);color:var(--text-dim);border-radius:5px;padding:3px 8px;font-size:10px}.hp-me{align-items:center;gap:8px;display:flex}.hp-me-av{object-fit:cover;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.hp-me-initials{background:var(--accent-dim);color:#1a140d;font-size:11px;font-weight:600}.hp-me-name{color:var(--text-dim)}.hp-body{flex:1;min-height:0;display:flex}.hp-side{border-right:1px solid var(--border);background:var(--bg-elev);flex-direction:column;flex-shrink:0;gap:18px;width:290px;padding:14px;display:flex;overflow-y:auto}.hp-side-block{flex-direction:column;gap:9px;display:flex}.hp-side-grow{flex:1;min-height:80px}.hp-side-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.hp-count{background:var(--accent);color:#1a140d;border-radius:9px;padding:1px 6px;font-size:10px;font-weight:700}.hp-side-empty{color:var(--text-faint);font-size:12px;font-style:italic}.hp-offer{border:1px solid var(--border-bright);background:var(--bg-elev-2);border-radius:10px;flex-direction:column;gap:8px;padding:11px;display:flex}.hp-offer-voice{border-color:var(--accent-dim);box-shadow:0 0 0 1px #d4a37326}.hp-offer-top{justify-content:space-between;align-items:center;display:flex}.hp-offer-id{font-family:var(--font-mono);color:var(--text-dim);font-size:11px}.hp-offer-ctx{color:var(--text-dim);font-size:12px;line-height:1.4}.hp-offer-actions{gap:7px;display:flex}.hp-offer-actions .hp-btn{flex:1}.hp-conv{background:var(--bg-elev-2);cursor:pointer;font:inherit;color:var(--text);text-align:left;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.hp-conv:hover{background:var(--bg-elev-3)}.hp-conv.is-active{border-color:var(--accent-dim);background:var(--bg-elev-3)}.hp-conv-id{font-family:var(--font-mono);color:var(--text-dim);flex:1;font-size:11px}.hp-conv-state{text-transform:uppercase;letter-spacing:.05em;font-size:10px}.hp-conv-live{color:var(--success)}.hp-conv-ended{color:var(--text-faint)}.hp-qrow{align-items:center;gap:8px;font-size:12px;display:flex}.hp-qrow-id{font-family:var(--font-mono);color:var(--text-dim);flex:1;font-size:11px}.hp-qrow-ring{color:var(--warn);text-transform:uppercase;font-size:10px}.hp-main{flex-direction:column;flex:1;min-width:0;display:flex}.hp-main-empty{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.hp-main-empty-card{text-align:center;max-width:380px}.hp-main-empty-title{font-family:var(--font-display);margin-bottom:10px;font-size:18px}.hp-main-empty-sub{color:var(--text-dim);line-height:1.6}.hp-avail{gap:6px;display:flex}.hp-avail-opt{font:inherit;cursor:pointer;border:1px solid var(--border-bright);background:var(--bg-elev-2);color:var(--text-dim);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 4px;font-size:12px;display:inline-flex}.hp-avail-opt:disabled{opacity:.5;cursor:default}.hp-avail-led{background:var(--text-faint);border-radius:50%;width:8px;height:8px}.hp-avail-available.is-on{border-color:var(--success);color:var(--text);background:#7fa9781f}.hp-avail-available.is-on .hp-avail-led{background:var(--success);box-shadow:0 0 6px #7fa978b3}.hp-avail-busy.is-on{border-color:var(--warn);color:var(--text);background:#d4a13f1f}.hp-avail-busy.is-on .hp-avail-led{background:var(--warn)}.hp-avail-offline.is-on{border-color:var(--text-faint);color:var(--text)}.hp-chat{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.hp-chat-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.hp-chat-title{font-size:14px;font-weight:600}.hp-chat-sub{color:var(--text-faint);font-size:11px;font-family:var(--font-mono);margin-top:2px}.hp-chat-head-right{align-items:center;gap:10px;display:flex}.hp-chat-banner{border-bottom:1px solid var(--border);background:var(--bg-elev);padding:10px 16px}.hp-chat-log{flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px;display:flex;overflow-y:auto}.hp-chat-empty{color:var(--text-faint);margin:auto;font-style:italic}.hp-msg{flex-direction:column;gap:3px;max-width:78%;display:flex}.hp-msg-mine{align-self:flex-end;align-items:flex-end}.hp-msg-them{align-self:flex-start;align-items:flex-start}.hp-msg-meta{align-self:center;max-width:90%}.hp-msg-who{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;padding:0 4px;font-size:10px}.hp-bubble{background:var(--bg-elev-2);border:1px solid var(--border);word-break:break-word;border-radius:13px;padding:9px 13px;line-height:1.45}.hp-msg-mine .hp-bubble{background:var(--accent);color:#1a140d;border-color:var(--accent)}.hp-msg-meta .hp-bubble{color:var(--text-faint);text-align:center;background:0 0;border:none;font-size:12px;font-style:italic}.hp-bubble-pending{opacity:.6}.hp-chat-input{border-top:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:9px;padding:12px 16px;display:flex}.hp-chat-input textarea{resize:none;font:inherit;background:var(--bg-elev-2);border:1px solid var(--border-bright);color:var(--text);border-radius:9px;flex:1;max-height:120px;padding:9px 12px;line-height:1.4}.hp-chat-input textarea:focus{border-color:var(--accent-dim);outline:none}.hp-chat-input textarea:disabled{opacity:.5}.hp-widget-page{justify-content:center;align-items:center;height:100%;padding:16px;display:flex}.hp-widget{background:var(--bg-elev);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:100%;max-width:420px;height:min(640px,100%);display:flex;overflow:hidden;box-shadow:0 24px 60px #0006}.hp-widget.hp-center{justify-content:center;align-items:center}.hp-widget-error{text-align:center;padding:28px}.hp-widget-error-title{font-family:var(--font-display);margin-bottom:8px;font-size:17px}.hp-widget-error-sub{color:var(--text-dim);font-size:12px}.hp-chooser{flex-direction:column;gap:10px;display:flex}.hp-chooser-text{color:var(--text-dim);font-size:12px}.hp-chooser-btns{gap:9px;display:flex}.hp-chooser-btns .hp-btn{flex:1}.hp-waiting{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.hp-note{color:var(--text-dim);font-size:12px;line-height:1.4}.hp-tabs{gap:4px;display:flex}.hp-tab{font:inherit;cursor:pointer;color:var(--text-dim);background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 14px;font-size:12px}.hp-tab:hover{background:var(--bg-elev-2);color:var(--text)}.hp-tab.is-on{background:var(--bg-elev-3);color:var(--text);border-color:var(--accent-dim)}.hp-shell{flex:1;min-height:0;display:flex}.hp-nav{border-right:1px solid var(--border);background:var(--bg-elev);flex-direction:column;flex-shrink:0;gap:2px;width:206px;padding:12px 10px 16px;display:flex;overflow-y:auto}.hp-nav-group{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:14px 10px 6px;font-size:10px;font-weight:600}.hp-nav-group:first-child{padding-top:4px}.hp-nav-item{font:inherit;text-align:left;width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:11px;padding:9px 11px;font-size:13px;transition:background .15s,color .15s,border-color .15s;display:flex;position:relative}.hp-nav-item:hover{background:var(--bg-elev-2);color:var(--text)}.hp-nav-item.is-on{background:var(--bg-elev-3);color:var(--text);border-color:var(--accent-dim)}.hp-nav-ico{opacity:.75;flex-shrink:0;width:18px;height:18px}.hp-nav-item:hover .hp-nav-ico{opacity:1}.hp-nav-item.is-on .hp-nav-ico{color:var(--accent);opacity:1}.hp-nav-label{flex:1}.hp-nav-item .hp-count{margin-left:auto}@media (width<=720px){.hp-nav{width:56px;padding:10px 8px}.hp-nav-group,.hp-nav-label{display:none}.hp-nav-item{justify-content:center;gap:0;padding:11px 0}.hp-nav-item .hp-count{margin:0;padding:0 4px;position:absolute;top:4px;right:6px}}.hp-console-notice{color:var(--warn);background:#d4a13f1f;border-bottom:1px solid #d4a13f4d;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:9px 18px;font-size:12px;display:flex}.hp-conv-ring{color:var(--accent);letter-spacing:.04em;font-size:10px;font-weight:600}.hp-admin{flex-direction:column;flex:1;gap:22px;min-height:0;padding:20px;display:flex;overflow-y:auto}.hp-admin-grid{grid-template-columns:1fr;gap:22px;display:grid}@media (width>=1100px){.hp-admin-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start}}.hp-admin-section{flex-direction:column;gap:12px;min-width:0;display:flex}.hp-admin-h{font-family:var(--font-display);margin:0;font-size:16px;font-weight:500}.hp-call-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000009e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.hp-call-overlay .hp-call-card{background:var(--bg-elev);border:1px solid var(--border-bright);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;padding:32px;display:flex;box-shadow:0 30px 80px #00000080,0 0 0 1px #d4a3732e}.hp-call-glyph{justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:4px;display:flex;position:relative}.hp-call-ring{border:2px solid var(--accent);border-radius:50%;animation:1.6s ease-out infinite hp-call-ping;position:absolute;inset:0;box-shadow:0 0 24px #d4a37380}.hp-call-phone{font-size:44px;line-height:1;animation:1.6s ease-in-out infinite hp-call-shake}@keyframes hp-call-ping{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}@keyframes hp-call-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(8deg)}}@media (prefers-reduced-motion:reduce){.hp-call-ring{opacity:.4;animation:none}.hp-call-phone{animation:none}}.hp-call-title{font-family:var(--font-display);letter-spacing:.01em;font-size:20px}.hp-call-visitor{font-family:var(--font-mono);color:var(--text-dim);font-size:12px}.hp-call-ctx{color:var(--text-dim);max-width:280px;font-size:12px;font-style:italic;line-height:1.4}.hp-call-actions{gap:12px;width:100%;margin-top:8px;display:flex}.hp-call-btn{flex:1;padding:12px;font-size:14px}.hp-call{justify-content:center;display:flex}.hp-call-audio{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.hp-call .hp-call-card{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:340px;display:flex}.hp-call-avatar{background:var(--bg-elev-3);width:56px;height:56px;color:var(--accent);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 2px;font-size:24px;display:flex}.hp-call-peer{font-family:var(--font-display);font-size:16px}.hp-call-status{color:var(--text-dim);align-items:center;gap:7px;font-size:12px;display:inline-flex}.hp-call-status-connected{color:var(--success)}.hp-call-status-reconnecting{color:var(--warn)}.hp-call-status-failed{color:var(--danger)}.hp-call-status-closed{color:var(--text-faint)}.hp-call-status-connecting{color:var(--text-dim)}.hp-call-timer{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text);font-size:22px}.hp-call-rec{color:var(--danger);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:11px;display:inline-flex}.hp-call-rec-dot{background:var(--danger);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite hp-pulse}.hp-call-controls{justify-content:center;gap:9px;margin-top:6px;display:flex}.hp-call-muted{border-color:var(--accent);color:var(--accent);background:#d4a37329}@media (prefers-reduced-motion:reduce){.hp-call-rec-dot{animation:none}}.hp-call-fail{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex}.hp-call-fail-msg{color:var(--danger);font-size:13px;line-height:1.4}.hp-call-fail-actions{gap:9px;display:flex}.hp-roster{flex-direction:column;gap:16px;display:flex}.hp-roster-invite{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.hp-roster-invite-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);font-size:11px;font-weight:600}.hp-roster-invite-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hp-roster-input,.hp-roster-select{font:inherit;background:var(--bg-elev-2);border:1px solid var(--border-bright);color:var(--text);border-radius:8px;padding:9px 12px}.hp-roster-input{flex:1;min-width:150px}.hp-roster-select{min-width:110px}.hp-roster-input:focus,.hp-roster-select:focus{border-color:var(--accent-dim);outline:none}.hp-roster-submitting{align-items:center;gap:7px;display:inline-flex}.hp-roster-invite-error,.hp-roster-error{color:var(--danger);background:#c77c6a1a;border:1px solid #c77c6a40;border-radius:8px;padding:8px 12px;font-size:12px}.hp-roster-invite-notice{color:var(--text);background:#7aa28a1f;border:1px solid #7aa28a4d;border-radius:8px;padding:8px 12px;font-size:12px}.hp-roster-loading{color:var(--text-dim);align-items:center;gap:8px;font-size:12px;display:inline-flex}.hp-roster-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hp-roster-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 4px;display:flex}.hp-roster-row:last-child{border-bottom:none}.hp-roster-who{flex-shrink:0;position:relative}.hp-roster-who .hp-me-av{width:32px;height:32px}.hp-roster-led{background:var(--text-faint);border:2px solid var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.hp-roster-led-available{background:var(--success);box-shadow:0 0 6px #7fa978b3}.hp-roster-led-busy{background:var(--warn)}.hp-roster-led-offline{background:var(--text-faint)}.hp-roster-ident{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hp-roster-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;font-weight:600;display:inline-flex;overflow:hidden}.hp-roster-you{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;background:var(--accent-dim);color:#1a140d;border-radius:4px;padding:1px 5px;font-size:9px}.hp-roster-meta{gap:8px;min-width:0;font-size:11px;display:flex}.hp-roster-title{color:var(--text-dim);white-space:nowrap}.hp-roster-email{color:var(--text-faint);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hp-roster-role-admin{color:var(--accent);background:#d4a3732e}.hp-roster-role-agent{background:var(--bg-elev-3);color:var(--text-dim)}.hp-roster-role-none{background:var(--bg-elev-3);color:var(--text-faint)}.hp-roster-pill-active{color:var(--success);background:#7fa97826}.hp-roster-pill-invited{color:var(--warn);background:#d4a13f26}.hp-roster-stats{font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;font-size:11px}.hp-history{border:1px solid var(--border);background:var(--bg-elev);border-radius:12px;height:100%;min-height:0;max-height:560px;display:flex;overflow:hidden}.hp-history-list{border-right:1px solid var(--border);flex-shrink:0;width:280px;min-height:0;padding:12px;overflow-y:auto}.hp-history-list .hp-side-block{gap:8px}.hp-history-list-head{justify-content:space-between;align-items:center;display:flex}.hp-history-list-state{justify-content:center;padding:16px;display:flex}.hp-history-row{text-align:left;width:100%;font:inherit;cursor:pointer;background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text);border-radius:8px;flex-direction:column;gap:4px;padding:9px 10px;display:flex}.hp-history-row:hover{background:var(--bg-elev-3)}.hp-history-row.is-active{background:var(--bg-elev-3);border-color:var(--accent-dim)}.hp-history-row-top{align-items:center;gap:8px;display:flex}.hp-history-row-id{font-family:var(--font-mono);color:var(--text);flex:1;font-size:12px}.hp-history-row-when{color:var(--text-faint);flex-shrink:0;font-size:11px}.hp-history-row-status{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:10px}.hp-history-detail{background:var(--bg);flex:1;min-width:0;min-height:0;padding:18px;overflow-y:auto}.hp-history-placeholder{justify-content:center;align-items:center;height:100%;display:flex}.hp-history-detail-body{flex-direction:column;gap:20px;display:flex}.hp-history-error{color:var(--danger);background:#c77c6a1a;border:1px solid #c77c6a40;border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;font-size:13px;display:flex}.hp-history-error-detail{color:var(--text-dim);font-size:12px;font-family:var(--font-mono);word-break:break-word}.hp-history-meta{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:14px}.hp-history-meta-head{align-items:center;gap:9px;margin-bottom:12px;display:flex}.hp-history-meta-title{font-family:var(--font-display);margin:0;font-size:16px;font-weight:500}.hp-history-meta-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0;display:grid}.hp-history-meta-cell{flex-direction:column;gap:3px;display:flex}.hp-history-meta-key{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:10px}.hp-history-meta-val{color:var(--text);font-size:13px;font-family:var(--font-mono);word-break:break-word;margin:0}.hp-history-section{flex-direction:column;gap:10px;display:flex}.hp-history-log{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;max-height:320px}.hp-history-calls{flex-direction:column;gap:10px;display:flex}.hp-history-call{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.hp-history-call-top{align-items:center;gap:10px;display:flex}.hp-history-call-status{color:var(--text);text-transform:capitalize;font-size:13px}.hp-history-call-dur{font-family:var(--font-mono);color:var(--text-dim);margin-left:auto;font-size:12px}.hp-history-call-norec{color:var(--text-faint);font-size:12px;font-style:italic}.hp-history-rec{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:10px;display:flex}.hp-history-audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%}.hp-history-rec-transcript{color:var(--text-dim);background:var(--bg-elev-2);white-space:pre-wrap;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.5}.hp-metrics{flex-direction:column;gap:10px;display:flex}.hp-metrics-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.hp-metric-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.hp-metric-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:6px;font-size:11px}.hp-metric-value{font-family:var(--font-display);color:var(--text);font-size:26px;line-height:1.1}.hp-metrics-loading{color:var(--text-dim);align-items:center;gap:8px;padding:16px;display:inline-flex}.hp-metrics-empty{color:var(--text-faint);text-align:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:16px}.hp-metrics-stale{color:var(--warn);padding:2px 0;font-size:11px}.hp-bot-metrics{flex-direction:column;gap:8px;margin-top:6px;display:flex}.hp-bot-metrics-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:0;font-size:11px}.hp-bot-metrics-empty{color:var(--text-faint);text-align:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:16px;line-height:1.5}.hp-bot-metrics-table{border-collapse:collapse;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;width:100%;overflow:hidden}.hp-bot-metrics-table th,.hp-bot-metrics-table td{text-align:right;color:var(--text);padding:10px 14px;font-size:13px}.hp-bot-metrics-table th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);border-bottom:1px solid var(--border);font-size:11px}.hp-bot-metrics-table th:first-child,.hp-bot-metrics-table td:first-child{text-align:left}.hp-bot-metrics-table tbody tr+tr td{border-top:1px solid var(--border)}.hp-bot-metrics-name{font-weight:600}.hp-sched{flex-direction:column;gap:10px;display:flex}.hp-sched-toggle{cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hp-sched-toggle input{accent-color:var(--accent)}.hp-sched-hint{color:var(--text-faint);font-size:11px;line-height:1.4}.hp-sched-tz{align-items:center;gap:8px;display:flex}.hp-sched-tz label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.hp-sched-tz .hp-roster-input{max-width:240px}.hp-sched-windows{flex-direction:column;gap:8px;display:flex}.hp-sched-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hp-sched-time{max-width:130px}.hp-sched-dash{color:var(--text-faint)}.hp-assign{flex-direction:column;gap:10px;display:flex}.hp-assign-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hp-assign-bot{border:1px solid var(--border);background:var(--bg-elev-2);border-radius:9px;padding:9px 11px}.hp-assign-botrow{cursor:pointer;align-items:center;gap:8px;display:flex}.hp-assign-botrow input{accent-color:var(--accent)}.hp-assign-botname{font-weight:600}.hp-assign-botid{font-family:var(--font-mono);color:var(--text-faint);font-size:11px}.hp-assign-verts{border-left:1px solid var(--border);flex-direction:column;gap:5px;margin:8px 0 0 24px;padding-left:10px;display:flex}.hp-assign-vert{cursor:pointer;align-items:center;gap:7px;font-size:12px;display:flex}.hp-assign-vert input{accent-color:var(--accent)}.hp-assign-verthint{color:var(--text-faint);font-size:11px}.hp-assign-novert{margin:6px 0 0 24px}.hp-scope-fields{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=760px){.hp-scope-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.hp-scope-col{flex-direction:column;gap:8px;min-width:0;display:flex}.hp-scope-h{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:11px;font-weight:600}.hp-scope-panel{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;margin-top:4px;padding:12px;display:flex}.hp-roster-item{border-bottom:1px solid var(--border)}.hp-roster-item:last-child,.hp-roster-item .hp-roster-row{border-bottom:none}.hp-roster-scope{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.hp-roster-scope-chip{color:var(--text-dim);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:6px;padding:1px 7px;font-size:11px}.hp-roster-editor{flex-direction:column;gap:14px;padding:4px 4px 16px;display:flex}.hp-roster-edit-ident{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hp-roster-edit-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.hp-vert-chip{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);font-size:10px;font-weight:600;font-family:var(--font-mono);background:#d4a37324;border-radius:5px;padding:2px 7px}.hp-vert-choices{flex-direction:column;gap:8px;display:flex}.hp-vert-choice{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.hp-vert-choice-label{font-weight:600}.hp-vert-choice-hint{color:var(--text-dim);font-size:11px;font-weight:400}.hp-bothours{flex-direction:column;gap:14px;display:flex}@media (width>=760px){.hp-bothours{flex-direction:row;align-items:flex-start}}.hp-bothours-list{flex-direction:row;flex-shrink:0;gap:8px;display:flex;overflow-x:auto}@media (width>=760px){.hp-bothours-list{flex-direction:column;width:220px;overflow-x:visible}}.hp-bothours-tab{text-align:left;font:inherit;cursor:pointer;background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:9px;flex-direction:column;gap:2px;padding:9px 11px;display:flex}.hp-bothours-tab:hover{background:var(--bg-elev-3)}.hp-bothours-tab.is-on{background:var(--bg-elev-3);border-color:var(--accent-dim)}.hp-bothours-tab-name{font-weight:600}.hp-bothours-tab-meta{color:var(--text-faint);font-size:11px}.hp-bothours-editor{border:1px solid var(--border);background:var(--bg-elev);border-radius:12px;flex-direction:column;flex:1;gap:18px;min-width:0;padding:16px;display:flex}.hp-bothours-section{flex-direction:column;gap:10px;display:flex}.hp-bothours-h{font-family:var(--font-display);margin:0;font-size:15px;font-weight:500}.hp-bothours-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hp-bothours-saved{color:var(--success);font-size:12px}.hp-vert-rows{flex-direction:column;gap:8px;display:flex}.hp-vert-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hp-vert-hint{flex:2}.cb-shell{flex:1;grid-template-columns:230px 1fr 320px;min-height:0;display:grid}@media (width<=1100px){.cb-shell{grid-template-columns:0 1fr 300px}}@media (width<=768px){.cb-shell{grid-template-columns:1fr}.cb-rail,.cb-state{border:none;width:100%;display:none}.cb-shell.mob-details .cb-rail,.cb-shell.mob-details .cb-state{display:block}.cb-shell.mob-details .cb-center{display:none}.cb-center{min-width:0}.cb-messages{padding:16px 14px 10px}.cb-composer{padding-bottom:max(10px, env(safe-area-inset-bottom))}.cb-box input{font-size:16px}.cb-body{font-size:15px}}.cb-rail,.cb-state{background:var(--bg-elev);padding:16px 14px 40px;overflow-y:auto}.cb-rail{border-right:1px solid var(--border)}.cb-state{border-left:1px solid var(--border)}.cb-h2{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin:0 0 9px;font-size:9.5px}.cb-section{margin-bottom:22px}.cb-reasoning{color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--border);white-space:pre-wrap;word-wrap:break-word;border-radius:8px;max-height:220px;padding:9px 10px;font-size:11.5px;line-height:1.5;overflow-y:auto}.cb-steps{flex-direction:column;gap:8px;display:flex}.cb-step-row{justify-content:space-between;gap:8px;margin-bottom:3px;font-size:11px;display:flex}.cb-step-name{color:var(--text-dim)}.cb-step-val{font-family:var(--font-mono);color:var(--text-faint);white-space:nowrap}.cb-step-bar{background:var(--bg-elev-2);border-radius:2px;height:4px;overflow:hidden}.cb-step-bar>span{background:var(--accent);border-radius:2px;height:100%;display:block}.cb-center{flex-direction:column;min-height:0;display:flex}.cb-messages{flex:1;padding:22px 24px 12px;overflow-y:auto}.cb-turn{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.cb-avatar{border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:10px;font-weight:600;display:grid}.cb-avatar.user{color:var(--bg);background:linear-gradient(135deg,#8a6a4a,#d4a373)}.cb-avatar.bot{background:var(--bg-elev-2);border:1px solid var(--border-bright);color:var(--accent)}.cb-content{flex:1;min-width:0}.cb-meta{font-family:var(--font-mono);color:var(--text-faint);margin-bottom:5px;font-size:10.5px}.cb-body{color:var(--text);white-space:pre-wrap;word-wrap:break-word;font-size:14px;line-height:1.55}.cb-tool{font-family:var(--font-mono);color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:7px;margin:0 0 14px 36px;padding:8px 11px;font-size:11px}.cb-sys{color:var(--text-dim);margin-bottom:18px;padding-left:36px;font-size:12px}.cb-err{color:var(--danger);border:1px solid var(--danger);background:#c77c6a14;border-radius:7px;margin-bottom:18px;padding:8px 11px;font-size:12.5px}.cb-typing{color:var(--text-faint);margin-bottom:18px;padding-left:36px;font-size:12.5px;font-style:italic}.cb-composer{border-top:1px solid var(--border);background:linear-gradient(to top, var(--bg), #0c0d10cc);flex-shrink:0;padding:12px 24px 16px}.cb-box{border:1px solid var(--border-bright);background:var(--bg-elev);border-radius:8px;align-items:center;gap:8px;padding:6px 6px 6px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.cb-box:focus-within{border-color:var(--accent-dim);box-shadow:0 0 0 3px #d4a3730f}.cb-box input{color:var(--text);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.cb-box input::placeholder{color:var(--text-faint)}.cb-btn{background:var(--accent);color:var(--bg);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-body);border:none;border-radius:5px;padding:7px 13px}.cb-btn:disabled{opacity:.5;cursor:not-allowed}.cb-select{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border-bright);width:100%;font-size:12.5px;font-family:var(--font-body);border-radius:6px;outline:none;padding:7px 9px}.cb-glist .cb-g{color:var(--text-dim);font-size:12px;font-family:var(--font-mono);border:1px solid #0000;border-radius:6px;align-items:center;padding:6px 9px;display:flex}.cb-glist .cb-g.active{background:var(--bg-elev-3);border-color:var(--accent-dim);color:var(--accent)}.cb-node{border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;margin-bottom:3px;padding:6px 9px;display:flex}.cb-node .dot{background:var(--border-bright);border-radius:50%;width:7px;height:7px}.cb-node .name{font-size:12.5px}.cb-node .badge{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-dim);background:var(--bg-elev-3);border:1px solid var(--border);border-radius:3px;margin-left:auto;padding:1px 6px;font-size:9px}.cb-node.active{background:var(--bg-elev-3);border-color:var(--accent-dim)}.cb-node.active .dot{background:var(--accent)}.cb-node.active .name{color:var(--accent);font-weight:600}.cb-slot{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:6px 0;display:flex}.cb-slot:last-child{border-bottom:0}.cb-slot .check{border:1.5px solid var(--border-bright);color:#0000;border-radius:50%;flex-shrink:0;place-items:center;width:16px;height:16px;font-size:9px;display:grid}.cb-slot.filled .check{background:var(--success);border-color:var(--success);color:var(--bg)}.cb-slot .k{color:var(--text-dim);flex-shrink:0;width:100px;font-size:12px}.cb-slot .v{color:var(--text);font-family:var(--font-mono);word-break:break-word;font-size:11.5px}.cb-slot .v.empty{color:var(--text-faint)}.cb-pill{font-family:var(--font-mono);background:var(--bg-elev-3);border:1px solid var(--border-bright);color:var(--text-dim);border-radius:10px;align-items:center;margin:2px 4px 2px 0;padding:2px 8px;font-size:10px;display:inline-flex}.cb-pill.advance,.cb-pill.faq{color:var(--success);background:#7fa9781a;border-color:#7fa97866}.cb-pill.tool_call,.cb-pill.switch{color:var(--accent);border-color:var(--accent-dim);background:#d4a3731a}.cb-pill.clarify_slot,.cb-pill.unclear,.cb-pill.keep{color:var(--warn);background:#d4a13f1a;border-color:#d4a13f66}.cb-pill.escalated,.cb-pill.digressed,.cb-pill.resumed{color:var(--low-conf);background:#9b7ac41a;border-color:#9b7ac466}.cb-faint{color:var(--text-faint);font-size:11.5px}.cb-desc{color:var(--text-dim);margin:-2px 0 10px;font-size:11.5px}.cb-signin{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.cb-signin .title{font-family:var(--font-display);font-size:24px}.cb-handoff-bar{align-items:center;gap:10px;margin-bottom:10px;display:flex}.cb-handoff-bar.offered .cb-btn{animation:1.6s ease-in-out infinite cb-pulse}.cb-handoff-bar.live{border:1px solid var(--accent-dim);background:#d4a37314;border-radius:8px;padding:7px 11px}.cb-handoff-status{color:var(--text-dim);flex:1;font-size:12px}.cb-btn.ghost{color:var(--text-dim);border:1px solid var(--border-bright);background:0 0}.cb-btn.ghost:hover{color:var(--text);border-color:var(--accent-dim)}.cb-handoff-bar.choosing{flex-wrap:wrap}.cb-chooser-btns{gap:8px;display:flex}.cb-handoff-err{color:var(--danger);flex-basis:100%;font-size:11.5px}.cb-voicewrap{justify-content:center;padding:4px 0 12px;display:flex}.cb-avatar.agent{color:var(--bg);background:linear-gradient(135deg,#5a7a9a,#73a3d4)}@keyframes cb-pulse{0%,to{box-shadow:0 0 #d4a37380}50%{box-shadow:0 0 0 5px #d4a37300}}.bb-topnote{color:var(--text-dim,#9aa0aa);border-bottom:1px solid var(--border-muted,#2a2d35);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 18px;font-size:13px;display:flex}.bb-link{color:var(--accent);cursor:pointer;font-size:13px;text-decoration:none}.bb-link:hover{text-decoration:underline}.bb-main{flex:1;grid-template-columns:1.5fr 1fr;align-items:start;gap:22px;min-height:0;padding:18px 22px 40px;display:grid;overflow:auto}@media (width<=900px){.bb-main{grid-template-columns:1fr}}.bb-col{min-width:0}.bb-h2{letter-spacing:.8px;text-transform:uppercase;color:var(--text-dim,#9aa0aa);margin:0 0 8px;font-size:12px}.bb-section{margin-top:20px}.bb-tabs{background:var(--bg-elev,#15171c);border:1px solid var(--border-muted,#2a2d35);border-radius:10px;gap:4px;margin-bottom:14px;padding:3px;display:inline-flex}.bb-tab{color:var(--text-dim,#9aa0aa);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:12px;font-weight:500}.bb-tab:hover{color:var(--text,#e8e6df)}.bb-tab.active{background:var(--bg-elev-3,#262a33);color:var(--text,#e8e6df)}.bb-textarea,.bb-input{box-sizing:border-box;background:var(--bg-elev,#15171c);border:1px solid var(--border-muted,#2a2d35);width:100%;color:var(--text,#e8e6df);font:inherit;resize:vertical;border-radius:8px;padding:9px 11px;font-size:13px}.bb-textarea{min-height:130px}.bb-row{align-items:center;gap:8px;margin-top:8px;display:flex}.bb-btn{background:var(--accent);border:1px solid var(--accent);color:var(--bg);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.bb-btn:hover:not(:disabled){background:#e0b589;border-color:#e0b589}.bb-btn:disabled{opacity:.5;cursor:default}.bb-btn.ok{background:#1f9d63;border-color:#1f9d63}.bb-btn.ok:hover:not(:disabled){background:#25b873}.bb-card{background:var(--bg-elev,#15171c);border:1px solid var(--border-muted,#2a2d35);border-radius:10px;padding:12px 14px}.bb-faint{color:var(--text-dim,#9aa0aa);font-size:12.5px}.bb-pill{background:var(--bg-elev-2,#191b20);border:1px solid var(--border-bright,#32353d);color:var(--text-dim,#9a988f);border-radius:999px;margin:0 5px 5px 0;padding:3px 9px;font-size:11px;display:inline-block}.bb-pill.warn{color:#f0d79a;background:#2e2412;border-color:#6b5320}.bb-pill.ok{color:#aef0cf;background:#103226;border-color:#1f9d63}.bb-gap{color:var(--text,#e8e6df);margin:3px 0;font-size:12.5px}.bb-gap.err{color:#ff9aa3}.bb-q{color:var(--text,#e8e6df);margin-bottom:8px;font-size:13.5px}.bb-legend{color:var(--text-dim,#9aa0aa);flex-wrap:wrap;gap:14px;margin-bottom:8px;font-size:11.5px;display:flex}.bb-legend i.lg{vertical-align:middle;border-radius:3px;width:11px;height:11px;margin-right:5px;display:inline-block}.bb-legend i.collect{background:#16271c;border:1px solid #5e9e74}.bb-legend i.fetch{background:#1f1b2e;border:1px solid #9b7ac4}.bb-legend i.confirm{background:#2c2410;border:1px solid #d4a13f}.bb-legend i.commit{background:#2c1a16;border:1px solid #c77c6a}.bb-gwrap{border:1px solid var(--border-muted,#2a2d35);background:linear-gradient(#16181e,#121419);border-radius:12px;margin-bottom:14px;padding:0;overflow:hidden;box-shadow:inset 0 1px #ffffff05,0 8px 24px #00000047}.bb-ghead{border-bottom:1px solid var(--border-muted,#2a2d35);background:#ffffff04;flex-wrap:wrap;align-items:baseline;gap:10px;padding:11px 14px;display:flex}.bb-gtitle{color:var(--text,#e8e6df);text-transform:capitalize;letter-spacing:.2px;font-size:13.5px;font-weight:600}.bb-gdesc{color:var(--text-dim,#9aa0aa);font-size:12px}.bb-gcanvas{justify-content:center;padding:18px 14px;display:flex;overflow-x:auto}.bb-gsvg{min-width:min-content}.bb-gwrap svg{max-width:100%;height:auto;display:block}.bb-gwrap .nodeLabel{font-weight:500;line-height:1.3}.bb-gwrap .nodeLabel small{opacity:.8;letter-spacing:.2px;margin-top:3px;font-size:10.5px;font-weight:400;display:inline-block}.bb-gwrap .edgeLabel,.bb-gwrap .edgeLabel p{color:#c2c8d4!important;background:#0c0e12!important;font-size:11px!important}.bb-gwrap .edgeLabel rect{opacity:.94;fill:#0c0e12!important}.bb-gwrap .edgePaths path,.bb-gwrap .flowchart-link{stroke-width:1.5px}.bb-gwrap .node rect,.bb-gwrap .node polygon,.bb-gwrap .node path{rx:8;ry:8;filter:drop-shadow(0 2px 4px #00000059)}.bb-gwrap .marker{fill:#646b7d;stroke:#646b7d}.bb-edit{border-top:1px dashed var(--border-muted,#2a2d35);background:#00000029;align-items:flex-start;gap:8px;margin:0;padding:12px 14px;display:flex}.bb-editbox{resize:vertical;min-height:38px}.bb-select{box-sizing:border-box;background:var(--bg-elev,#15171c);border:1px solid var(--border-muted,#2a2d35);min-width:0;color:var(--text,#e8e6df);font:inherit;cursor:pointer;border-radius:8px;flex:1;padding:9px 11px;font-size:13px}.bb-clarif{border-bottom:1px solid var(--border-muted,#2a2d35);padding:9px 0}.bb-clarif:first-child{padding-top:0}.bb-clarif:last-child{border-bottom:none;padding-bottom:4px}.bb-clarif-meta{color:var(--text-dim,#9aa0aa);text-transform:capitalize;margin:-4px 0 7px;font-size:11px}.bb-adv{color:var(--text-dim,#9aa0aa);margin-top:6px;font-size:12px}.bb-pre{border:1px solid var(--border-muted,#2a2d35);max-height:320px;color:var(--text,#e8e6df);background:#0c0e12;border-radius:8px;padding:10px;font-size:11.5px;overflow:auto}.bb-sumcard{background:var(--bg-elev,#15171c);border:1px solid var(--border-muted,#2a2d35);border-radius:10px;margin-bottom:10px;padding:11px 13px}.bb-sumcard h3{text-transform:capitalize;margin:0 0 3px;font-size:13.5px}.bb-sumcard .bb-sub{color:var(--text-dim,#9aa0aa);margin-bottom:6px;font-size:12.5px}.bb-sumcard ul{margin:0;padding-left:16px}.bb-sumcard li{color:var(--text,#e8e6df);margin:2px 0;font-size:12.5px}.bb-trylog{flex-direction:column;gap:7px;max-height:280px;margin-bottom:10px;display:flex;overflow-y:auto}.bb-bub{border-radius:10px;max-width:85%;padding:7px 11px;font-size:13px}.bb-bub.u{background:var(--accent);color:var(--bg);align-self:flex-end}.bb-bub.b{background:var(--bg-elev-3,#262a33);color:var(--text,#e8e6df);align-self:flex-start}.bb-bub.sys{color:var(--text-dim,#9aa0aa);background:0 0;align-self:center;font-size:12px}.bb-meta{color:var(--text-dim,#9aa0aa);align-self:flex-start;font-size:11px}.bb-banner{color:#aef0cf;background:#103226;border:1px solid #1f9d63;border-radius:8px;margin-bottom:10px;padding:9px 12px;font-size:13px}.bb-published{color:var(--text,#e8e6df);margin-top:10px;font-size:13px}.bb-published code{background:#0c0e12;border-radius:5px;padding:1px 6px}.bb-err{color:#ff9aa3;word-break:break-word;margin-top:12px;font-size:12.5px}.bb-signin{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.bb-signin .title{font-size:22px;font-weight:600}.policy{background:var(--bg,#0d0d0f);height:auto;min-height:100vh;color:var(--text,#d8d8de);font-family:var(--font-sans,"Inter Tight", system-ui, sans-serif);flex-direction:column;display:flex;overflow-y:auto}:is(html:has(.policy),body:has(.policy)){height:auto;overflow-y:auto}.policy-nav{border-bottom:1px solid var(--border,#232327);justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.policy-nav-links{gap:18px;font-size:14px;display:flex}.policy-nav-links a{color:var(--text-dim,#9b9ba2);text-decoration:none}.policy-nav-links a:hover{color:var(--text,#d8d8de)}.policy-main{max-width:760px;margin:48px auto;padding:0 24px 80px;font-size:15.5px;line-height:1.65}.policy-main h1{font-family:var(--font-serif,Fraunces, Georgia, serif);letter-spacing:-.01em;margin:0 0 6px;font-size:40px;font-weight:500}.policy-main h2{font-family:var(--font-serif,Fraunces, Georgia, serif);letter-spacing:-.005em;margin:36px 0 10px;font-size:22px;font-weight:500}.policy-main h3{color:var(--text,#d8d8de);margin:22px 0 6px;font-size:16px;font-weight:600}.policy-main p,.policy-main li{color:var(--text-dim,#b0b0b8)}.policy-main a{color:var(--accent,#c4a26d);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.policy-main a:hover{color:var(--text,#d8d8de)}.policy-main ul{padding-left:20px}.policy-main li{margin:6px 0}.policy-main code{font-family:var(--font-mono,"JetBrains Mono", ui-monospace, monospace);background:#ffffff0a;border-radius:3px;padding:1px 5px;font-size:.92em}.policy-meta{color:var(--text-faint,#6b6b73);margin:0 0 32px;font-size:13px}.policy-table{border-collapse:collapse;width:100%;margin:12px 0 18px;font-size:14px}.policy-table th,.policy-table td{text-align:left;border-bottom:1px solid var(--border,#232327);vertical-align:top;padding:10px 12px}.policy-table th{color:var(--text,#d8d8de);font-weight:600}.policy-allcaps{text-transform:uppercase;letter-spacing:.02em;color:var(--text-dim,#b0b0b8);font-size:12.5px;line-height:1.65}.policy-foot{border-top:1px solid var(--border,#232327);color:var(--text-faint,#6b6b73);justify-content:space-between;margin-top:auto;padding:20px 32px;font-size:13px;display:flex}.policy-foot-links{gap:14px;display:flex}.policy-foot-links a{color:var(--text-dim,#9b9ba2);text-decoration:none}.policy-foot-links a:hover{color:var(--text,#d8d8de)}.policy-brand img{width:auto;height:32px}.intg{background:var(--bg);min-height:0;color:var(--text);flex:1;overflow-y:auto}.intg-wrap{max-width:1180px;margin:0 auto;padding:22px 24px 60px}.intg-head h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 4px;font-size:26px;font-weight:400}.intg-head p{color:var(--text-dim);max-width:720px;margin:0 0 18px;font-size:13.5px}.intg-grid{grid-template-columns:minmax(320px,1fr) minmax(380px,1.05fr);align-items:start;gap:20px;display:grid}@media (width<=900px){.intg-grid{grid-template-columns:1fr}}.intg h2{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin:0 0 9px;font-size:9.5px}.intg label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:12px 0 5px;font-size:9.5px;display:block}.intg input,.intg select,.intg textarea{background:var(--bg-elev);border:1px solid var(--border-bright);width:100%;color:var(--text);font-size:13px;font-family:var(--font-body);border-radius:7px;outline:none;padding:9px 11px}.intg input:focus,.intg select:focus,.intg textarea:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px #d4a3730f}.intg input.mono,.intg textarea.mono{font-family:var(--font-mono);font-size:12px}.intg textarea{resize:vertical;line-height:1.6}.intg select{cursor:pointer}.intg-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:9px;margin-bottom:14px;padding:16px}.intg-meta{color:var(--text-faint);margin:6px 0 14px;font-size:11.5px}.intg-btn{background:var(--accent);color:var(--bg);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-body);border:none;border-radius:6px;padding:9px 15px;transition:background .15s,opacity .15s}.intg-btn:hover:not(:disabled){background:#e0b589}.intg-btn:disabled{opacity:.5;cursor:not-allowed}.intg-btn.sm{padding:6px 11px;font-size:11px}.intg-btn.danger{color:var(--danger);background:0 0;border:1px solid #c77c6a66}.intg-btn.danger:hover:not(:disabled){background:#c77c6a1f}.intg-pill{font-family:var(--font-mono);background:var(--bg-elev-3);border:1px solid var(--border-bright);color:var(--text-dim);border-radius:10px;align-items:center;gap:5px;padding:2px 8px;font-size:10px;display:inline-flex}.intg-pill.live{color:var(--success);background:#7fa9781a;border-color:#7fa97866}.intg-pill.mock{color:var(--text-faint)}.intg-pill.warn{color:var(--warn);background:#d4a13f1a;border-color:#d4a13f66}.intg-pill.fetch{color:#b79bdb;background:#9b7ac41a;border-color:#9b7ac466}.intg-pill.commit{color:var(--danger);background:#c77c6a1a;border-color:#c77c6a66}.intg-tool{background:var(--bg-elev);border:1px solid var(--border);cursor:pointer;border-radius:9px;margin-bottom:10px;padding:13px 14px;transition:border-color .15s}.intg-tool:hover{border-color:var(--border-bright)}.intg-tool.sel{border-color:var(--accent-dim);box-shadow:0 0 0 3px #d4a3730f}.intg-tool-top{align-items:center;gap:8px;margin-bottom:6px;display:flex}.intg-tool-name{font-family:var(--font-mono);color:var(--text);font-size:13px;font-weight:500}.intg-tool-sub{color:var(--text-faint);font-size:11px;font-family:var(--font-mono)}.intg-tool-sub b{color:var(--text-dim);font-weight:500}.intg-statusline{margin-top:8px}.intg-banner{border-radius:8px;margin:10px 0;padding:10px 12px;font-size:12px}.intg-banner.ok{border:1px solid var(--success);color:var(--success);background:#7fa9781f}.intg-banner.warn{color:var(--warn);background:#d4a13f1a;border:1px solid #d4a13f80}.intg-banner.err{color:var(--danger);background:#c77c6a1a;border:1px solid #c77c6a80}.intg-hint{color:var(--text-faint);margin-top:4px;font-size:11px;line-height:1.45}.intg-hint code{color:var(--accent);background:var(--bg-elev-2);font-family:var(--font-mono);border-radius:4px;padding:1px 5px;font-size:10.5px}.intg-empty{color:var(--text-faint);text-align:center;padding:22px 6px;font-size:12.5px;font-style:italic}.intg-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.intg-rownowrap{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.intg-spacer{flex:1}.intg-bodytable{flex-direction:column;gap:6px;display:flex}.intg-bodyhead,.intg-bodyrow{grid-template-columns:minmax(0,1.2fr) 116px minmax(0,1.3fr) 26px;align-items:center;gap:7px;display:grid}.intg-bodyhead{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:0 2px;font-size:9px}.intg-bodyrow input,.intg-bodyrow select{padding:7px 9px;font-size:12px}.intg-bodyrow select.intg-bad{border-color:#d4a13f8c}.intg-rowx{border:1px solid var(--border-bright);color:var(--text-faint);cursor:pointer;background:0 0;border-radius:6px;width:26px;height:30px;padding:0;font-size:15px;line-height:1}.intg-rowx:hover{color:var(--danger);border-color:#c77c6a80}.intg-btn.ghost{background:var(--bg-elev-2);color:var(--text-dim);border:1px solid var(--border-bright)}.intg-btn.ghost:hover:not(:disabled){background:var(--bg-elev-3);color:var(--text)}.intg-adv>summary{cursor:pointer;color:var(--text-faint);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;padding:6px 0;font-size:9.5px;list-style:none}.intg-adv>summary::-webkit-details-marker{display:none}.intg-adv>summary:before{content:"▸ "}.intg-adv[open]>summary:before{content:"▾ "}.intg-seclist{flex-direction:column;gap:7px;margin-top:8px;display:flex}.intg-secrow{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:7px;align-items:center;gap:8px;padding:7px 10px;display:flex}.intg-seckey{font-family:var(--font-mono);color:var(--text);font-size:12px}.intg-signin{text-align:center;padding:80px 24px}.intg-signin .title{font-family:var(--font-display);margin-bottom:8px;font-size:22px}.intg-signin .faint{color:var(--text-dim);font-size:13px}.landing{background:var(--bg);height:auto;min-height:100vh;color:var(--text);background-image:radial-gradient(900px 500px at 50% -10%,#d4a37314,#0000 65%),radial-gradient(700px 400px at 100% 100%,#9b7ac40a,#0000 60%);overflow-y:auto}:is(html:has(.landing),body:has(.landing)){height:auto;overflow-y:auto}.landing .landing-nav{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:22px 56px 22px 24px;display:flex}.landing .landing-brand{align-items:center;gap:8px;display:inline-flex}.landing .landing-brand-img{width:auto;height:48px}@media (width<=480px){.landing .landing-brand-img{height:36px}}.landing .landing-nav-links{align-items:center;gap:28px;display:flex}.landing .landing-nav-links a{color:var(--text-dim);font-size:13px;text-decoration:none;transition:color .15s}.landing .landing-nav-links a:hover{color:var(--text)}.landing .cta{font-family:var(--font-body);border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.landing .cta-primary{background:var(--accent);color:var(--bg)}.landing .cta-primary:hover{background:#e0b589;transform:translateY(-1px)}.landing .cta-secondary{color:var(--text);border-color:var(--border-bright);background:0 0}.landing .cta-secondary:hover{border-color:var(--accent-dim);color:var(--accent)}.landing .cta-small{padding:7px 14px;font-size:12.5px}.landing .cta-large{padding:14px 24px;font-size:14px}.landing .cta-arrow{transition:transform .15s}.landing .cta:hover .cta-arrow{transform:translate(3px)}.landing .hero{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;padding:60px 56px 100px 24px;display:grid}.landing .hero-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:24px;font-size:11px}.landing .hero-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text);margin-bottom:24px;font-size:40px;font-weight:400;line-height:1.1}.landing .hero-title em{color:var(--accent);font-style:italic;font-weight:400}.landing .hero-sub{color:var(--text-dim);max-width:520px;margin-bottom:36px;font-size:17px;line-height:1.5}.landing .hero-sub .hl{color:#6fcf97;font-size:1.15em;font-weight:600}.landing .hero-sub a.hl{cursor:pointer;text-decoration:none}.landing .hero-sub a.hl:hover{text-decoration:underline}.landing .hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.landing .hero-meta{font-family:var(--font-mono);color:var(--text-faint);flex-wrap:wrap;gap:10px;font-size:11.5px;display:flex}.landing .hero-meta strong{color:var(--text-dim);font-weight:500}.landing .hero-meta .dot{color:var(--border-bright)}.landing .hero-panel{border:1px solid var(--border);background:var(--bg-elev);transform-origin:0;border-radius:12px;overflow:hidden;transform:perspective(1000px)rotateY(-4deg)rotateX(2deg);box-shadow:0 40px 80px -20px #00000073}.landing .panel-bar{background:var(--bg-elev-2);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:10px 14px;display:flex}.landing .panel-dot{background:var(--border-bright);border-radius:50%;width:8px;height:8px}.landing .panel-dot:first-child{background:#d4766a}.landing .panel-dot:nth-child(2){background:#d4a13f}.landing .panel-dot:nth-child(3){background:var(--success)}.landing .panel-path{font-family:var(--font-mono);color:var(--text-faint);margin-left:auto;font-size:10.5px}.landing .panel-live{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);align-items:center;gap:5px;margin-left:12px;font-size:9.5px;display:inline-flex}.landing .panel-live-dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 6px var(--success);border-radius:50%;animation:1.4s ease-in-out infinite panel-live-pulse}@keyframes panel-live-pulse{0%,to{opacity:1}50%{opacity:.35}}.landing .panel-body{flex-direction:column;gap:14px;padding:18px 20px;display:flex}.landing .panel-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px;font-size:9.5px}.landing .panel-user{color:var(--text);font-size:13.5px}.landing .panel-agent pre.panel-sql{font-family:var(--font-mono);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;margin:0 0 10px;padding:10px 12px;font-size:11.5px;line-height:1.55;overflow-x:auto}.landing .panel-grid{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:11.5px}.landing .panel-grid th,.landing .panel-grid td{text-align:left;border-bottom:1px solid var(--border);padding:5px 10px}.landing .panel-grid th{color:var(--text-faint);background:var(--bg-elev-2);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:500}.landing .panel-grid td.num{text-align:right;color:var(--success)}.landing .panel-views{height:290px;padding:18px 20px 8px;position:relative}.landing .view-overview{flex-direction:column;gap:10px;display:flex}.landing .overview-section{flex-direction:column;gap:4px;display:flex}.landing .view-question-text-compact{font-size:13.5px}.landing .view-sql-code-compact{font-size:11px;line-height:1.45}.landing .panel-view{opacity:0;pointer-events:none;flex-direction:column;gap:10px;transition:opacity .52s,transform .52s;display:flex;position:absolute;inset:18px 20px 8px;transform:translateY(4px)}.landing .panel-view.active{opacity:1;transform:translateY(0)}.landing .flow-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-size:9.5px}.landing .view-question-text{color:var(--text);font-size:16px;line-height:1.45}.landing .view-tool-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.landing .view-tool-list li{font-family:var(--font-mono);grid-template-columns:22px 1fr auto;align-items:center;gap:8px;font-size:11.5px;display:grid}.landing .view-tool-num{background:var(--bg-elev-2);width:20px;height:20px;color:var(--text-dim);border-radius:50%;place-items:center;font-size:10px;display:grid}.landing .view-tool-call{font-family:var(--font-mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.landing .view-tool-ms{color:var(--text-faint);background:var(--bg-elev-2);border-radius:3px;padding:2px 6px;font-size:9.5px}.landing .view-tool-ok{font-family:var(--font-mono);color:var(--success);grid-column:2/-1;margin-top:-2px;font-size:10px}.landing .view-hint{font-family:var(--font-mono);color:var(--text-faint);margin-top:auto;font-size:10.5px}.landing .view-sql-code{font-family:var(--font-mono);color:var(--text);white-space:pre-wrap;margin:0;font-size:12px;line-height:1.55}.landing .view-sql-code .kw{color:var(--sql-keyword);font-weight:500}.landing .view-sql-code .tbl{color:var(--sql-table)}.landing .view-sql-code .num{color:var(--sql-string)}.landing .view-result{flex-direction:column;gap:6px;display:flex}.landing .view-result-meta{font-family:var(--font-mono);color:var(--text-faint);font-size:10px}.landing .view-rag-answer{color:var(--text);margin:0;font-size:14px;line-height:1.6}.landing .view-rag-answer-compact{font-size:12.5px;line-height:1.5}.landing .view-rag-cite{color:var(--success);vertical-align:super;margin-left:1px;font-size:.7em;font-weight:600}.landing .view-rag-citations{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.landing .view-rag-citations-compact{gap:4px;margin-top:8px}.landing .view-rag-citations li{font-family:var(--font-mono);color:var(--text-dim);flex-wrap:wrap;align-items:baseline;gap:6px;font-size:11px;display:flex}.landing .view-rag-cite-num{color:var(--success);flex-shrink:0;font-weight:600}.landing .view-rag-cite-doc{color:var(--text)}.landing .view-rag-cite-page{color:var(--text-faint)}.landing .view-rag-cite-quote{width:100%;font-family:var(--font-body);color:var(--text-faint);margin-top:2px;margin-left:22px;font-size:11.5px;font-style:italic;line-height:1.45}.landing .panel-steps{border-top:1px solid var(--border);justify-content:center;gap:6px;padding:10px 0 14px;display:flex}.landing .panel-step{background:var(--border-bright);border-radius:2px;width:18px;height:3px;transition:background .32s,width .32s}.landing .panel-step.active{background:var(--success);width:26px}.landing .section-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:11px}.landing .section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);max-width:720px;margin-bottom:14px;font-size:40px;font-weight:400;line-height:1.15}.landing .section-sub{color:var(--text-dim);max-width:640px;margin-bottom:48px;font-size:15px;line-height:1.55}.landing .about{border-top:1px solid var(--border);max-width:1200px;margin:0 auto;padding:80px 56px 80px 24px}.landing .tag-pills{flex-wrap:wrap;gap:10px;margin:8px 0 0;padding:0;list-style:none;display:flex}.landing .tag-pills li{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:7px 14px;font-size:11.5px}.landing .why{border-top:1px solid var(--border);max-width:1200px;margin:0 auto;padding:80px 56px 80px 24px}.landing .why-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:12px;display:grid}.landing .why-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:28px 26px;transition:border-color .2s,transform .2s}.landing .why-card:hover{border-color:var(--border-bright);transform:translateY(-2px)}.landing .why-num{font-family:var(--font-mono);letter-spacing:.2em;color:var(--accent);margin-bottom:14px;font-size:12px}.landing .why-card h3{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;margin-bottom:10px;font-size:20px;font-weight:500}.landing .why-card p{color:var(--text-dim);font-size:13.5px;line-height:1.55}.landing .products{border-top:1px solid var(--border);max-width:1200px;margin:0 auto;padding:80px 56px 80px 24px}.landing .product-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.landing .product-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:26px 24px 24px;transition:border-color .2s,transform .2s;display:flex}.landing .product-card:hover{border-color:var(--border-bright);transform:translateY(-2px)}.landing .product-card h3{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;font-size:20px;font-weight:500}.landing .product-tagline{color:var(--text-dim);margin:-4px 0 4px;font-size:13.5px;line-height:1.5}.landing .product-bullets{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.landing .product-bullets li{color:var(--text-dim);padding-left:16px;font-size:13px;line-height:1.5;position:relative}.landing .product-bullets li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:0}.landing .features{border-top:1px solid var(--border);max-width:1200px;margin:0 auto;padding:80px 56px 80px 24px}.landing .feature-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.landing .feature-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:26px 26px 28px;transition:border-color .2s,transform .2s}.landing .feature-card:hover{border-color:var(--border-bright);transform:translateY(-2px)}.landing .feature-card h3{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;margin-bottom:10px;font-size:19px;font-weight:500}.landing .feature-card p{color:var(--text-dim);font-size:13.5px;line-height:1.55}.landing .how{border-top:1px solid var(--border);max-width:1200px;margin:0 auto;padding:80px 56px 80px 24px}.landing .how-steps{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:20px;display:grid}.landing .how-step{border-top:1px solid var(--border-bright);padding-top:20px}.landing .how-step-num{font-family:var(--font-mono);letter-spacing:.2em;color:var(--accent);margin-bottom:16px;font-size:12px}.landing .how-step-title{font-family:var(--font-display);color:var(--text);margin-bottom:8px;font-size:22px;font-weight:500}.landing .how-step-body{color:var(--text-dim);font-size:13.5px;line-height:1.55}.landing .founder{max-width:1100px;margin:0 auto;padding:80px 56px}.landing .founder-card{border:1px solid var(--border);background:#ffffff04;border-radius:16px;grid-template-columns:120px 1fr;align-items:start;gap:32px;padding:32px;display:grid}.landing .founder-avatar{width:120px;height:120px;font-family:var(--font-display);color:var(--bg);letter-spacing:-.02em;background:linear-gradient(135deg,#8a6a4a,#d4a373);border-radius:50%;place-items:center;font-size:36px;font-weight:500;display:grid}.landing .founder-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:26px;font-weight:500}.landing .founder-role{color:var(--text-faint);letter-spacing:.02em;text-transform:uppercase;margin:4px 0 16px;font-size:13px}.landing .founder-bio{color:var(--text-dim);max-width:640px;margin:0 0 18px;font-size:15px;line-height:1.65}.landing .founder-cta{gap:12px;display:flex}@media (width<=720px){.landing .founder{padding:60px 28px}.landing .founder-card{text-align:center;grid-template-columns:1fr;padding:24px}.landing .founder-avatar{margin:0 auto}.landing .founder-cta{justify-content:center}}.landing .cta-band{text-align:center;border-top:1px solid var(--border);max-width:1200px;margin:0 auto;padding:100px 56px 100px 24px}.landing .cta-band .section-eyebrow{margin-bottom:14px;display:block}.landing .cta-band h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);max-width:760px;margin:0 auto 14px;font-size:40px;font-weight:400}.landing .cta-band p{color:var(--text-dim);max-width:640px;margin:0 auto 28px;font-size:15px;line-height:1.55}.landing .landing-foot{border-top:1px solid var(--border);max-width:1200px;font-family:var(--font-mono);color:var(--text-faint);justify-content:space-between;align-items:center;margin:0 auto;padding:32px 56px 32px 24px;font-size:11px;display:flex}.landing .foot-links{gap:20px;display:flex}.landing .foot-links a{color:var(--text-faint);text-decoration:none}.landing .foot-links a:hover{color:var(--text-dim)}.landing .panel-sql .kw{color:var(--sql-keyword);font-weight:500}.landing .panel-sql .tbl{color:var(--sql-table)}.landing .panel-sql .num{color:var(--sql-string)}@media (width<=1100px){.landing .product-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=960px){.landing .hero{grid-template-columns:1fr;gap:48px;padding:40px 28px 60px}.landing .hero-panel{transform:none}.landing .hero-title{font-size:30px}.landing .about,.landing .why,.landing .products,.landing .features,.landing .how,.landing .cta-band{padding:60px 28px}.landing .feature-grid{grid-template-columns:1fr}.landing .why-grid{grid-template-columns:1fr;gap:16px}.landing .product-grid{grid-template-columns:1fr}.landing .how-steps{grid-template-columns:1fr;gap:24px}.landing .section-title,.landing .cta-band h2{font-size:32px}.landing .landing-nav{padding:18px 28px}.landing .landing-nav-links a[href^=\#]{display:none}}.landing .circle-section{border-top:1px solid var(--border-muted,#2a2d35);text-align:center;padding:56px 24px 60px}.landing .circle-section .section-title,.landing .circle-section .section-sub,.landing .circle-section .section-eyebrow{max-width:760px;margin-left:auto;margin-right:auto}.landing .circle-section .section-sub{margin-bottom:48px}.landing .circle-wrap{max-width:820px;margin:0 auto;position:relative}.landing .circle-grid{text-align:left;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;align-items:stretch;gap:112px;padding:56px 40px;display:grid;position:relative}.landing .circle-node{background:var(--surface,#15171c);border:1px solid var(--border-muted,#2a2d35);z-index:2;border-radius:14px;flex-direction:column;gap:8px;padding:22px;transition:border-color .2s,transform .2s;display:flex;position:relative}.landing .circle-node:hover{border-color:var(--brand,#f59e0b);transform:translateY(-2px)}.landing .circle-node-num{font-family:var(--font-mono);letter-spacing:2px;color:var(--brand,#f59e0b);text-transform:uppercase;font-size:11px}.landing .circle-node-label{color:var(--text);font-size:22px;font-weight:600;line-height:1.2}.landing .circle-node-body{color:var(--text-muted,#9aa0aa);font-size:13.5px;line-height:1.55}.landing .circle-node-1{grid-area:1/1}.landing .circle-node-2{grid-area:1/2}.landing .circle-node-3{grid-area:2/2}.landing .circle-node-4{grid-area:2/1}.landing .circle-center{background:radial-gradient(circle at 35% 30%, #d4a3732e, transparent 70%), var(--surface,#15171c);border:1px solid var(--border-muted,#2a2d35);text-align:center;z-index:1;pointer-events:none;box-sizing:border-box;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:170px;height:170px;padding:16px;display:flex;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.landing .circle-center-label{color:var(--brand,#f59e0b);letter-spacing:.5px;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.2}.landing .circle-center-sub{color:var(--text-faint,#7a7d86);white-space:nowrap;margin-top:4px;font-size:11px;line-height:1.2}.landing .circle-arrows{z-index:0;width:360px;height:360px;color:var(--brand,#f59e0b);opacity:.7;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=760px){.landing .circle-grid{text-align:left;grid-template-rows:auto auto auto auto;grid-template-columns:1fr;gap:14px;padding:0}.landing .circle-node-1,.landing .circle-node-2,.landing .circle-node-3,.landing .circle-node-4{grid-area:auto/1}.landing .circle-center,.landing .circle-arrows{display:none}}@media (width<=600px){.landing .hero-actions{flex-direction:column;align-items:stretch}.landing .hero-actions .cta{justify-content:center;width:100%}.landing .hero-title{font-size:26px}.landing .hero-sub{font-size:15px}.landing .hero-panel{max-width:100%;overflow:hidden}.landing .hero-meta{row-gap:4px;font-size:12px}}@media (width<=460px){.landing .hero-panel{display:none}}.pbot{--ink:#0c0d10;--ink-2:#0e1014;--surface:#131418;--surface-2:#191b20;--line:#ffffff12;--line-strong:#ffffff21;--schematic:#d4a37324;--text:#e8e6df;--muted:#9a988f;--faint:#5c5a54;--teal:#d4a373;--teal-dim:#8a6a4a;--amber:#d4a13f;--danger:#c77c6a;--display:"Fraunces",Georgia,serif;--body:"Inter Tight",system-ui,sans-serif;--mono:"JetBrains Mono","SF Mono",Menlo,monospace;--maxw:1180px;background:var(--ink);color:var(--text);font-family:var(--body);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;min-height:100vh;font-weight:400;line-height:1.6;overflow-x:hidden}:is(html:has(.pbot),body:has(.pbot)){height:auto;overflow-y:auto}.pbot ::selection{background:#d4a37340}.pbot a{color:inherit;text-decoration:none}.pbot a:focus-visible,.pbot input:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.pbot h1,.pbot h2,.pbot h3,.pbot h4{font-family:var(--display);letter-spacing:-.02em;font-weight:400;line-height:1.15}.pbot .accent{color:var(--teal);font-style:italic;font-weight:400}.pbot .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.pbot .grid-bg{z-index:0;pointer-events:none;background-image:radial-gradient(800px 400px at 15% 0,#d4a3730d,#0000 60%),radial-gradient(600px 300px at 100% 100%,#9b7ac409,#0000 60%);position:fixed;inset:0}.pbot .content{z-index:1;position:relative}.pbot .eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--teal);align-items:center;gap:10px;margin-bottom:22px;font-size:12px;display:inline-flex}.pbot .eyebrow:before{content:"";background:var(--teal);opacity:.6;width:26px;height:1px}.pbot nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0a0c11b8;position:sticky;top:0}.pbot .nav-in{justify-content:space-between;align-items:center;height:64px;display:flex}.pbot .brand{font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.pbot .brand .dot{background:var(--teal);width:9px;height:9px;box-shadow:0 0 12px var(--teal);border-radius:2px}.pbot .nav-links{align-items:center;gap:30px;display:flex}.pbot .nav-links a{font-family:var(--mono);color:var(--muted);font-size:13px;transition:color .2s}.pbot .nav-links a:hover{color:var(--text)}.pbot .btn{font-family:var(--mono);letter-spacing:.02em;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:11px 20px;font-size:13px;transition:all .2s;display:inline-flex}.pbot .btn-primary{background:var(--teal);color:#06120f;font-weight:500}.pbot .btn-primary:hover{background:#e2c0a0;transform:translateY(-1px);box-shadow:0 0 30px #d4a37359}.pbot .btn-ghost{border-color:var(--line-strong);color:var(--text)}.pbot .btn-ghost:hover{border-color:var(--teal);color:var(--teal)}.pbot nav .btn{padding:9px 16px}.pbot .nav-links a.btn-primary{color:#06120f}@media (width<=820px){.pbot .nav-links a:not(.btn){display:none}}.pbot .hero{max-width:none;margin:0;padding:40px 0 70px;display:block;position:relative}.pbot .hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:54px;display:grid}.pbot .hero h1{letter-spacing:-.025em;font-size:clamp(32px,4.4vw,46px);font-weight:400;line-height:1.12}.pbot .hero h1 .accent{color:var(--teal);font-style:italic}.pbot .hero p.lede{color:var(--muted);max-width:520px;margin:26px 0 34px;font-size:19px;font-weight:300}.pbot .hero-cta{flex-wrap:wrap;gap:14px;display:flex}.pbot .hero-meta{flex-wrap:wrap;gap:28px;margin-top:40px;display:flex}.pbot .hero-meta .m{font-family:var(--mono);color:var(--faint);font-size:12.5px;line-height:1.5}.pbot .hero-meta .m b{color:var(--text);font-size:13.5px;font-weight:500;display:block}@media (width<=900px){.pbot .hero-grid{grid-template-columns:1fr;gap:40px}.pbot .hero{padding:54px 0 50px}}.pbot .canvas{background:linear-gradient(160deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-radius:16px;padding:22px;position:relative;box-shadow:0 30px 80px -40px #000c}.pbot .canvas .cap{font-family:var(--mono);color:var(--faint);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.pbot .canvas .chans{flex-wrap:wrap;gap:8px;margin:0 0 10px;display:flex}.pbot .canvas .chans .ch{font-family:var(--mono);letter-spacing:.05em;border:1px solid var(--line-strong);color:var(--text);border-radius:6px;align-items:center;gap:7px;padding:5px 10px;font-size:10.5px;display:flex}.pbot .canvas .chans .ch .d{background:var(--teal);width:6px;height:6px;box-shadow:0 0 8px var(--teal);border-radius:50%}.pbot .canvas .chans .ch.txt .d{background:var(--amber);box-shadow:0 0 8px var(--amber)}.pbot .canvas svg{width:100%;height:auto;display:block}.pbot .edge{stroke:var(--teal);stroke-width:1.6px;fill:none;opacity:.5;stroke-dasharray:6 7;animation:2.4s linear infinite pbot-flow}.pbot .edge.blocked{stroke:var(--danger);opacity:.55;stroke-dasharray:4 5;animation:none}@keyframes pbot-flow{to{stroke-dashoffset:-26px}}.pbot .node rect{rx:9}.pbot .node-label{font-family:var(--mono);fill:var(--text);font-size:11px}.pbot .node-sub{font-family:var(--mono);fill:var(--faint);letter-spacing:.08em;font-size:8.5px}.pbot .pulse{fill:var(--teal);filter:drop-shadow(0 0 6px var(--teal))}.pbot section{padding:88px 0;position:relative}.pbot section[id]{scroll-margin-top:80px}.pbot .sec-head{max-width:680px;margin-bottom:52px}.pbot .sec-head h2{letter-spacing:-.02em;font-size:clamp(28px,3.4vw,40px);font-weight:400}.pbot .prob h3,.pbot .step h3,.pbot .layer h3,.pbot .feat h3,.pbot .tier h3,.pbot .dlayer h3,.pbot .pp h4,.pbot .use h4,.pbot .plat .p .n,.pbot .gpu-opt .name{font-weight:500}.pbot .sec-head p{color:var(--muted);margin-top:18px;font-size:17px;font-weight:300}.pbot .divider{background:var(--line);height:1px;max-width:var(--maxw);margin:0 auto}.pbot .prob-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.pbot .prob{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:28px}.pbot .prob.win{background:linear-gradient(165deg,#d4a37312,var(--surface));border-color:#d4a37366}.pbot .prob .tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:14px;font-size:11px}.pbot .prob.win .tag{color:var(--teal)}.pbot .prob h3{margin-bottom:10px;font-size:19px}.pbot .prob p{color:var(--muted);font-size:14.5px}@media (width<=820px){.pbot .prob-grid{grid-template-columns:1fr}}.pbot .steps{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px;display:grid}.pbot .step{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:28px;transition:border-color .25s;display:block;position:relative}.pbot .step:hover{border-color:var(--teal)}.pbot .step .sn{font-family:var(--mono);color:var(--teal);letter-spacing:.14em;margin-bottom:16px;font-size:12px}.pbot .step h3{margin-bottom:10px;font-size:19px}.pbot .step p{color:var(--muted);font-size:14px}.pbot .step .meta{font-family:var(--mono);color:var(--faint);margin-top:14px;font-size:11px}@media (width<=820px){.pbot .steps{grid-template-columns:1fr}}.pbot .layers{grid-template-columns:1fr 1fr;gap:22px;display:grid}.pbot .layer{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:30px;position:relative;overflow:hidden}.pbot .layer .lnum{font-family:var(--mono);color:var(--teal);letter-spacing:.12em;font-size:12px}.pbot .layer h3{margin:10px 0 14px;font-size:22px}.pbot .layer p{color:var(--muted);margin-bottom:18px;font-size:15px}.pbot .chips{flex-wrap:wrap;gap:8px;display:flex}.pbot .chip{font-family:var(--mono);color:var(--text);border:1px solid var(--line-strong);background:var(--ink-2);border-radius:6px;padding:6px 10px;font-size:11.5px}.pbot .chip.gate{color:var(--amber);border-color:#d4a13f66}@media (width<=820px){.pbot .layers{grid-template-columns:1fr}}.pbot .proof{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr 1fr 1fr;gap:1px;display:grid;overflow:hidden}.pbot .pp{background:var(--ink-2);padding:26px}.pbot .pp .k{font-family:var(--mono);color:var(--teal);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:12px}.pbot .pp h4{font-family:var(--display);margin-bottom:8px;font-size:17px;font-weight:600}.pbot .pp p{color:var(--muted);font-size:14px}@media (width<=820px){.pbot .proof{grid-template-columns:1fr}}.pbot .connect{background:radial-gradient(78% 70% at 50% 42%,#d4a3730e,#0000 72%)}.pbot .connect-grid{grid-template-columns:1.02fr 1fr;align-items:center;gap:40px;display:grid}.pbot .source-viz{background:linear-gradient(160deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 30px 70px -45px #000c}.pbot .source-viz .cap{font-family:var(--mono);color:var(--faint);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.pbot .source-viz svg{width:100%;height:auto;display:block}.pbot .feat-col{flex-direction:column;gap:18px;display:flex}.pbot .feat{border:1px solid var(--line-strong);background:var(--surface);border-radius:14px;padding:26px}.pbot .feat.t-teal{background:linear-gradient(165deg,#d4a37312,var(--surface));border-color:#d4a3736b}.pbot .feat.t-amber{background:linear-gradient(165deg,#d4a13f0f,var(--surface));border-color:#d4a13f66}.pbot .feat .ft{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:11px}.pbot .feat.t-teal .ft{color:var(--teal)}.pbot .feat.t-amber .ft{color:var(--amber)}.pbot .feat h3{margin-bottom:10px;font-size:21px}.pbot .feat p{color:var(--muted);margin-bottom:16px;font-size:14.5px}.pbot .feat .example{font-family:var(--mono);background:var(--ink-2);border:1px solid var(--line);border-radius:9px;margin-bottom:16px;padding:14px 16px;font-size:12.5px;line-height:1.7}.pbot .feat .example .q{color:var(--amber)}.pbot .feat .example .a{color:var(--teal)}.pbot .src-strip{text-align:center;margin-top:38px}.pbot .src-strip .label{font-family:var(--mono);color:var(--faint);letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px;font-size:11px}.pbot .src-strip .row{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.pbot .src-strip .s{font-family:var(--mono);color:var(--text);border:1px solid var(--line-strong);background:var(--ink-2);border-radius:7px;padding:8px 14px;font-size:12.5px;transition:border-color .2s}.pbot .src-strip .s:hover{border-color:var(--teal)}.pbot .src-strip .s.more{color:var(--teal);border-color:#d4a37366}@media (width<=900px){.pbot .connect-grid{grid-template-columns:1fr;gap:28px}}.pbot .spectrum{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);justify-content:space-between;align-items:center;margin-bottom:18px;font-size:11px;display:flex}.pbot .spectrum .bar{background:linear-gradient(90deg,var(--teal),var(--amber));opacity:.5;flex:1;height:1px;margin:0 16px}.pbot .tiers{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pbot .tier{border:1px solid var(--line);background:var(--surface);border-radius:15px;flex-direction:column;padding:30px;transition:border-color .25s,transform .25s;display:flex}.pbot .tier:hover{border-color:var(--teal);transform:translateY(-3px)}.pbot .tier .tnum{font-family:var(--mono);color:var(--faint);letter-spacing:.12em;font-size:12px}.pbot .tier h3{margin:12px 0 6px;font-size:21px}.pbot .tier .slogan{font-family:var(--mono);color:var(--teal);min-height:34px;margin-bottom:20px;font-size:12.5px}.pbot .tier ul{flex-direction:column;flex:1;gap:13px;margin-bottom:22px;list-style:none;display:flex}.pbot .tier li{color:var(--muted);align-items:flex-start;gap:10px;font-size:14px;display:flex}.pbot .tier li b{color:var(--text);font-weight:500}.pbot .tier li:before{content:"";background:var(--teal);border-radius:50%;flex:none;width:6px;height:6px;margin-top:8px}.pbot .tier .price{font-family:var(--mono);color:var(--faint);border-top:1px solid var(--line);padding-top:18px;font-size:12px}@media (width<=920px){.pbot .tiers{grid-template-columns:1fr}}.pbot .calc{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.pbot .calc-controls{border-right:1px solid var(--line);padding:36px}.pbot .calc-out{background:linear-gradient(160deg,var(--ink-2),var(--surface));flex-direction:column;justify-content:center;padding:36px;display:flex}.pbot .ctl{margin-bottom:30px}.pbot .ctl label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:12px;display:block}.pbot .gpu-opts{flex-direction:column;gap:9px;display:flex}.pbot .gpu-opt{border:1px solid var(--line-strong);cursor:pointer;background:var(--ink-2);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 15px;transition:all .18s;display:flex}.pbot .gpu-opt:hover{border-color:var(--teal-dim)}.pbot .gpu-opt.active{border-color:var(--teal);background:#d4a37314}.pbot .gpu-opt .name{font-family:var(--display);font-size:15px;font-weight:500}.pbot .gpu-opt .spec{font-family:var(--mono);color:var(--faint);font-size:11px}.pbot .gpu-opt.active .spec{color:var(--teal)}.pbot input[type=range]{appearance:none;background:var(--line-strong);border-radius:4px;outline:none;width:100%;height:4px}.pbot input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--teal);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 0 14px #d4a37399}.pbot input[type=range]::-moz-range-thumb{background:var(--teal);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}.pbot .range-val{font-family:var(--mono);color:var(--text);justify-content:space-between;margin-top:12px;font-size:13px;display:flex}.pbot .range-val span{color:var(--faint)}.pbot .bignum{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(38px,5.4vw,54px);font-weight:500;line-height:1}.pbot .bignum.teal{color:var(--teal)}.pbot .out-row{margin-bottom:30px}.pbot .out-row .lbl{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:12px}.pbot .out-row .unit{font-family:var(--mono);color:var(--faint);margin-left:8px;font-size:13px}.pbot .calc-note{font-family:var(--mono);color:var(--faint);border-top:1px solid var(--line);margin-top:6px;padding-top:16px;font-size:11px;line-height:1.6}@media (width<=820px){.pbot .calc{grid-template-columns:1fr}.pbot .calc-controls{border-right:none;border-bottom:1px solid var(--line)}}.pbot .sec-cols{grid-template-columns:1fr 1fr;gap:48px;display:grid}.pbot .sec-cols h3{align-items:center;gap:10px;margin-bottom:20px;font-size:18px;display:flex}.pbot .sec-cols h3:before{content:"";background:var(--teal);border-radius:2px;width:7px;height:7px}.pbot .sec-list{flex-direction:column;gap:16px;display:flex}.pbot .sec-list .item{color:var(--muted);font-size:14.5px}.pbot .sec-list .item b{color:var(--text);font-weight:500}.pbot .logos{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.pbot .logos span{font-family:var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:6px 11px;font-size:11.5px}@media (width<=820px){.pbot .sec-cols{grid-template-columns:1fr;gap:34px}}.pbot .safety-lead{max-width:760px;color:var(--muted);margin-bottom:44px;font-size:17px;font-weight:300}.pbot .safety-lead b{color:var(--text);font-weight:500}.pbot .layers4{flex-direction:column;gap:14px;display:flex}.pbot .dlayer{border:1px solid var(--line);background:var(--surface);border-radius:13px;grid-template-columns:auto 1fr;align-items:flex-start;gap:24px;padding:26px 28px;transition:border-color .25s;display:grid;position:relative}.pbot .dlayer:hover{border-color:var(--line-strong)}.pbot .dlayer .ln{font-family:var(--mono);color:var(--teal);letter-spacing:.1em;flex-direction:column;gap:4px;min-width:90px;padding-top:3px;font-size:13px;display:flex}.pbot .dlayer .ln .tier-tag{color:var(--faint);letter-spacing:.14em;font-size:10px}.pbot .dlayer h3{margin-bottom:8px;font-size:18px}.pbot .dlayer p{color:var(--muted);font-size:14.5px}.pbot .dlayer.moat{background:linear-gradient(165deg,#d4a3730f,var(--surface));border-color:#d4a37359}.pbot .dlayer.gate-l{border-left:3px solid var(--amber)}.pbot .safety-strip{border:1px solid var(--line);background:var(--ink-2);border-radius:13px;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px;padding:26px 30px;display:grid}.pbot .safety-strip .s .k{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:8px;font-size:11px}.pbot .safety-strip .s p{color:var(--muted);font-size:13.5px}.pbot .pullquote{font-family:var(--display);letter-spacing:-.01em;color:var(--text);text-align:center;max-width:780px;margin:46px auto 0;font-size:clamp(20px,2.6vw,27px);font-weight:500;line-height:1.35}.pbot .pullquote .accent{color:var(--teal)}@media (width<=820px){.pbot .dlayer{grid-template-columns:1fr;gap:10px}.pbot .safety-strip{grid-template-columns:1fr}}.pbot .uses{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.pbot .use{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:24px;transition:transform .2s}.pbot .use:hover{transform:translateY(-3px)}.pbot .use .ic{font-family:var(--mono);color:var(--teal);letter-spacing:.12em;margin-bottom:14px;font-size:12px}.pbot .use h4{font-family:var(--display);margin-bottom:8px;font-size:16px;font-weight:600}.pbot .use p{color:var(--muted);font-size:13.5px}@media (width<=920px){.pbot .uses{grid-template-columns:1fr 1fr}}@media (width<=520px){.pbot .uses{grid-template-columns:1fr}}.pbot .plat{background:var(--line);border:1px solid var(--line);border-radius:13px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.pbot .plat .p{background:var(--ink-2);padding:24px}.pbot .plat .p .n{font-family:var(--display);color:var(--text);margin-bottom:8px;font-size:15px;font-weight:600}.pbot .plat .p p{color:var(--muted);font-size:13px}@media (width<=920px){.pbot .plat{grid-template-columns:1fr 1fr}}.pbot .final{text-align:center;padding:110px 0}.pbot .final h2{max-width:760px;margin:0 auto 22px;font-size:clamp(30px,4.4vw,50px)}.pbot .final .accent{color:var(--teal)}.pbot .final p{color:var(--muted);max-width:560px;margin:0 auto 38px;font-size:18px;font-weight:300}.pbot .final .hero-cta{justify-content:center}.pbot footer{border-top:1px solid var(--line);color:var(--faint);padding:44px 0}.pbot .foot-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.pbot .foot-in .brand{font-size:16px}.pbot .foot-in .meta{font-family:var(--mono);font-size:12px}.pbot .foot-links{font-family:var(--mono);gap:24px;font-size:12px;display:flex}.pbot .foot-links a{color:var(--muted)}.pbot .foot-links a:hover{color:var(--teal)}.pbot .illus-flag{font-family:var(--mono);letter-spacing:.08em;color:var(--amber);text-transform:uppercase;border:1px solid #d4a13f4d;border-radius:5px;padding:3px 8px;font-size:10.5px;display:inline-block}@media (prefers-reduced-motion:reduce){.pbot .edge{stroke-dashoffset:0;animation:none}.pbot .pulse{display:none}.pbot .btn,.pbot .step,.pbot .tier,.pbot .use{transition:none}.pbot *{scroll-behavior:auto}}.app-root{flex-direction:column;height:100vh;display:flex}.shell{flex:1;grid-template-columns:240px 1fr 300px;min-height:0;display:grid}@media (width<=1100px){.shell{grid-template-columns:200px 1fr 0}.right-rail{display:none}}.schema-banner{color:var(--danger);font-family:var(--font-mono);background:#c77c6a1f;border-bottom:1px solid #c77c6a66;padding:6px 16px;font-size:11px}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0c0d10cc;flex-shrink:0;align-items:center;height:44px;padding:0 16px;display:flex}.brand{align-items:baseline;gap:8px;margin-right:24px;display:flex}.brand-link{border-radius:4px;align-items:center;padding:2px;text-decoration:none;transition:opacity .15s;display:inline-flex}.brand-link:hover{opacity:.85}.brand-link:focus-visible{outline:2px solid var(--accent-dim);outline-offset:2px}.brand-img{width:auto;height:36px;display:block}.db-switcher{background:var(--bg-elev);border:1px solid var(--border);font-family:var(--font-mono);cursor:default;border-radius:6px;align-items:center;gap:8px;padding:5px 10px;font-size:11.5px;transition:border-color .15s;display:flex}.db-switcher:hover{border-color:var(--border-bright)}.db-dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 6px var(--success);border-radius:50%}.db-name{color:var(--text)}.db-env{color:var(--text-faint)}.db-select option{color:#000;background:#fff}.topbar-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.icon-btn{width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;place-items:center;transition:all .15s;display:grid}.icon-btn:hover{background:var(--bg-elev);color:var(--text);border-color:var(--border)}.topbar-link{font:inherit;color:var(--text-dim);border:1px solid var(--border);white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:12.5px;text-decoration:none;transition:all .15s}.topbar-link:hover{color:var(--accent);border-color:var(--accent-dim);background:var(--bg-elev)}.user-chip{width:26px;height:26px;color:var(--bg);background:linear-gradient(135deg,#8a6a4a,#d4a373);border-radius:50%;place-items:center;margin-left:6px;font-size:10.5px;font-weight:600;display:grid}.user-auth{align-items:center;gap:6px;margin-left:6px;display:flex;position:relative}.user-chip-button{cursor:pointer;border:none;padding:0;overflow:hidden}.user-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-auth-error{color:#fff;cursor:help;background:#b54848;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:grid}.user-menu{background:var(--bg-elev);border:1px solid var(--border);z-index:50;border-radius:8px;min-width:200px;padding:10px 0;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0006}.user-menu-name{color:var(--text);padding:0 14px;font-size:13px;font-weight:600}.user-menu-email{color:var(--text-dim);border-bottom:1px solid var(--border);word-break:break-all;margin-bottom:6px;padding:0 14px 8px;font-size:11.5px}.user-menu-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:13px;display:block}.user-menu-item:hover{background:#ffffff0a}.user-menu-item-danger{color:#d76b6b}.user-menu-item-danger:hover{background:#d76b6b14}.rail-foot{color:var(--text-faint);gap:8px;margin-top:auto;padding:14px 14px 18px;font-size:11.5px;display:flex}.rail-foot a{color:var(--text-dim);text-decoration:none}.rail-foot a:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.right-rail{flex-direction:column;display:flex}.rail{border-right:1px solid var(--border);background:var(--bg-elev);padding:14px 0 40px;overflow-y:auto}.rail-section{margin-bottom:20px;padding:0 14px}.rail-label{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:9.5px;display:flex}.rail-count{color:var(--text-faint);font-size:9.5px}.rail-empty{font-family:var(--font-mono);color:var(--text-faint);padding:4px 0;font-size:10.5px}.schema-search{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-mono);border-radius:5px;padding:6px 9px;font-size:11px}.schema-search:focus{border-color:var(--accent-dim);outline:none}.table-item{cursor:default;font-family:var(--font-mono);color:var(--text-dim);border-radius:4px;align-items:center;gap:7px;padding:5px 8px;font-size:11.5px;transition:background .12s;display:flex;position:relative}.table-item:hover{background:var(--bg-elev-2);color:var(--text)}.table-item.used{color:var(--accent);background:#d4a37314}.table-item.used:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:2px;position:absolute;top:4px;bottom:4px;left:0}.table-indicator{width:8px;color:var(--text-faint);align-items:center;font-size:8px;display:inline-flex}.table-item.used .table-indicator{color:var(--accent)}.table-cols{color:var(--text-faint);font-size:9.5px;font-family:var(--font-mono);margin-left:auto}.center{background:var(--bg);flex-direction:column;min-height:0;display:flex;overflow:hidden}.scroll-area{flex:1;min-height:0;padding:20px 24px 12px;overflow-y:auto}.empty-state{text-align:center;max-width:560px;margin:60px auto 0}.empty-state h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin-bottom:8px;font-size:26px;font-weight:400}.empty-state p{color:var(--text-dim);margin-bottom:18px;font-size:13px}.empty-state ul{flex-direction:column;gap:6px;list-style:none;display:flex}.example-btn{text-align:left;border:1px solid var(--border);background:var(--bg-elev);width:100%;color:var(--text-dim);font:inherit;cursor:pointer;border-radius:7px;padding:9px 14px;font-size:12.5px;transition:all .15s}.example-btn:hover{border-color:var(--accent-dim);background:var(--bg-elev-2);color:var(--text)}.turn-user{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.turn-avatar{border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:10px;font-weight:600;display:grid}.avatar-user{color:var(--bg);background:linear-gradient(135deg,#8a6a4a,#d4a373)}.avatar-agent{background:var(--bg-elev-2);border:1px solid var(--border-bright);color:var(--accent)}.turn-content{flex:1;min-width:0;padding-top:3px}.turn-meta{color:var(--text-faint);font-size:10.5px;font-family:var(--font-mono);align-items:center;gap:8px;margin-bottom:6px;display:flex}.turn-meta strong{color:var(--text);font-weight:500}.user-msg{color:var(--text);font-size:14px;line-height:1.55}.turn-agent{align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.turn-error{color:var(--danger);font-family:var(--font-mono);background:#c77c6a14;border:1px solid #c77c6a59;border-radius:6px;padding:10px 12px;font-size:11.5px}.step-tree{border:1px solid var(--border);background:var(--bg-elev);border-radius:7px;margin-bottom:12px;overflow:hidden}.step-tree-header{border-bottom:1px solid var(--border);background:var(--bg-elev-2);align-items:center;gap:8px;padding:9px 12px;display:flex}.step-tree-title{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:10.5px}.step-tree-stats{font-family:var(--font-mono);color:var(--text-faint);gap:12px;margin-left:auto;font-size:10.5px;display:flex}.step-tree-stats span{color:var(--text-dim)}.step{border-bottom:1px solid var(--border);padding:0;display:flex;position:relative}.step:last-child{border-bottom:none}.step-gutter{flex-direction:column;flex-shrink:0;align-items:center;width:36px;padding:10px 0 0;display:flex;position:relative}.step-num{background:var(--bg-elev-3);border:1px solid var(--border-bright);width:20px;height:20px;font-family:var(--font-mono);color:var(--text-dim);z-index:1;border-radius:50%;place-items:center;font-size:10px;display:grid}.step.done .step-num{background:var(--bg);border-color:var(--success);color:var(--success)}.step.active .step-num{background:var(--accent);border-color:var(--accent);color:var(--bg);animation:1.6s ease-in-out infinite pulse}.step-line{background:var(--border-bright);width:1px;position:absolute;top:30px;bottom:-1px;left:50%;transform:translate(-50%)}.step-body{flex:1;min-width:0;padding:10px 12px 12px 4px}.step-head{align-items:center;gap:8px;display:flex}.step-label{color:var(--text);font-size:12.5px;font-weight:500}.step-tool{font-family:var(--font-mono);color:var(--text-dim);background:var(--bg-elev-3);border-radius:3px;padding:1px 6px;font-size:10px}.step-detail{background:var(--bg);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-dim);border-radius:5px;margin-top:8px;padding:9px 11px;font-size:11px;line-height:1.55}.step-chip-row{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.tbl-chip{font-family:var(--font-mono);color:var(--accent);background:#d4a3731a;border:1px solid #d4a37340;border-radius:3px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;display:inline-flex}.sql-block{border:1px solid var(--border);background:var(--bg-elev);border-radius:7px;margin-top:10px;overflow:hidden}.sql-head{background:var(--bg-elev-2);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 12px;display:flex}.sql-head-title{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:10.5px}.confidence{font-family:var(--font-mono);border-radius:10px;align-items:center;gap:6px;padding:2px 8px;font-size:10px;display:inline-flex}.confidence.high{color:var(--success);background:#7fa9781f;border:1px solid #7fa9784d}.confidence.medium{color:var(--warn);background:#d4a13f1f;border:1px solid #d4a13f4d}.confidence.low{color:var(--low-conf);background:#9b7ac41f;border:1px solid #9b7ac44d}.conf-bar{align-items:center;gap:2px;display:inline-flex}.conf-bar i{opacity:.35;background:currentColor;border-radius:1px;width:3px;display:inline-block}.conf-bar i.on{opacity:1}.conf-bar i:first-child{height:4px}.conf-bar i:nth-child(2){height:6px}.conf-bar i:nth-child(3){height:8px}.conf-bar i:nth-child(4){height:10px}.sql-head-actions{gap:4px;margin-left:auto;display:flex}.sql-code{font-family:var(--font-mono);white-space:pre;color:var(--text);padding:12px 14px;font-size:12px;line-height:1.65;overflow-x:auto}.sql-editor{width:100%;font-family:var(--font-mono);background:var(--bg);color:var(--text);border:none;border-top:1px solid var(--border);resize:vertical;outline:none;min-height:120px;padding:12px 14px;font-size:12px;line-height:1.65}.sql-editor:focus{background:#d4a37305}.kw{color:var(--sql-keyword);font-weight:500}.col{color:var(--sql-column)}.tbl{color:var(--sql-table)}.str{color:var(--sql-string)}.cm{color:var(--sql-comment);font-style:italic}.num{color:var(--sql-string)}.diff-note{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-dim);background:#7fa9780a;align-items:center;gap:8px;padding:7px 12px;font-size:10.5px;display:flex}.diff-note svg{color:var(--accent);flex-shrink:0}.results-block{border:1px solid var(--border);background:var(--bg-elev);border-radius:7px;margin-top:10px;overflow:hidden}.results-head{background:var(--bg-elev-2);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 12px;display:flex}.results-title{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:10.5px}.results-meta{font-family:var(--font-mono);color:var(--text-faint);font-size:10.5px}.results-scroll{max-height:420px;overflow:auto}.results-error{font-family:var(--font-mono);color:var(--danger);white-space:pre-wrap;padding:12px 14px;font-size:11.5px}table.grid{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:11.5px}table.grid th{text-align:left;background:var(--bg-elev);border-bottom:1px solid var(--border);color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;z-index:1;padding:7px 12px;font-size:10.5px;font-weight:500;position:sticky;top:0}table.grid th .type{color:var(--text-faint);text-transform:none;letter-spacing:0;margin-left:6px;font-size:9px;font-weight:400}table.grid td{border-bottom:1px solid var(--border);color:var(--text);padding:6px 12px}table.grid tr:last-child td{border-bottom:none}table.grid tr:hover td{background:var(--bg-elev-2)}table.grid td.num{color:var(--sql-string);text-align:right}.viz-btn{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;transition:all .15s;display:inline-flex}.viz-btn:hover{border-color:var(--border-bright);color:var(--text)}.viz-btn.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.viz-btn:disabled{opacity:.45;cursor:not-allowed}.bar-chart{padding:14px 16px}.bar-legend{font-family:var(--font-mono);color:var(--text-dim);gap:14px;margin-top:8px;padding-left:180px;font-size:10.5px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-swatch{border-radius:2px;width:10px;height:10px;display:inline-block}.composer{border-top:1px solid var(--border);background:linear-gradient(to top, var(--bg), #0c0d10cc);flex-shrink:0;padding:12px 24px 16px}.composer-box{border:1px solid var(--border-bright);background:var(--bg-elev);border-radius:8px;transition:border-color .2s,box-shadow .2s}.composer-box:focus-within{border-color:var(--accent-dim);box-shadow:0 0 0 3px #d4a3730f}.composer-input{width:100%;color:var(--text);font-family:var(--font-body);resize:none;background:0 0;border:none;outline:none;min-height:44px;padding:12px 14px 8px;font-size:13.5px;line-height:1.5}.composer-input::placeholder{color:var(--text-faint)}.composer-input:disabled{opacity:.6}.composer-foot{align-items:center;gap:8px;padding:6px 10px 8px;display:flex}.slash-hint{font-family:var(--font-mono);color:var(--text-faint);align-items:center;gap:6px;font-size:10px;display:flex}.slash-hint kbd{background:var(--bg-elev-3);border:1px solid var(--border-bright);color:var(--text-dim);font-size:9.5px;font-family:var(--font-mono);border-radius:3px;padding:1px 5px}.composer-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.voice-mic-btn{border:1px solid var(--border-bright);cursor:pointer;width:28px;height:28px;color:var(--text-dim);background:0 0;border-radius:5px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.voice-mic-btn:hover:not(:disabled){background:var(--bg-elev-3);color:var(--text);border-color:var(--accent-dim)}.voice-mic-btn:disabled{opacity:.4;cursor:not-allowed}.voice-panel{border:1px solid var(--border-bright);background:var(--bg-elev);border-radius:8px;flex-direction:column;gap:10px;margin-top:10px;padding:12px 14px;display:flex}.voice-panel-header{justify-content:space-between;align-items:center;display:flex}.voice-panel-title{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:11px}.voice-panel-close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.voice-panel-close:hover{color:var(--text)}.voice-status{color:var(--text-dim);font-size:13px}.voice-recording{font-family:var(--font-mono);align-items:center;gap:10px;font-size:13px;display:flex}.voice-recording-dot{background:#e35d4d;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite voice-pulse}@keyframes voice-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.voice-recording-time{color:var(--text);font-weight:500}.voice-recording-cap{color:var(--text-faint);font-size:11px}.voice-stop-btn{background:var(--accent);color:var(--bg);cursor:pointer;border:none;border-radius:5px;margin-left:auto;padding:5px 12px;font-size:12px;font-weight:500}.voice-review{flex-direction:column;gap:10px;display:flex}.voice-transcript-preview{background:var(--bg-elev-3);border:1px solid var(--border-bright);color:var(--text);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:120px;padding:10px 12px;font-size:13.5px;line-height:1.45;overflow-y:auto}.voice-empty-transcript{color:var(--text-faint);font-style:italic}.voice-confirm{flex-direction:column;gap:8px;display:flex}.voice-detected-line{color:var(--text);font-size:13px}.voice-detected-prob{color:var(--text-faint);font-size:11px}.voice-confirm-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.voice-lang-select{background:var(--bg-elev-3);border:1px solid var(--border-bright);color:var(--text);font-size:12px;font-family:var(--font-body);border-radius:5px;padding:5px 8px}.voice-confirm-btn{background:var(--accent);color:var(--bg);cursor:pointer;border:none;border-radius:5px;padding:5px 12px;font-size:12px;font-weight:500}.voice-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.voice-retry-btn{border:1px solid var(--border-bright);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:5px;padding:5px 10px;font-size:12px}.voice-retry-btn:hover:not(:disabled){background:var(--bg-elev-3);color:var(--text)}.voice-error{flex-direction:column;gap:8px;display:flex}.voice-error-msg{color:#e35d4d;font-size:13px}.voice-privacy-note{color:var(--text-faint);margin-top:2px;font-size:10.5px;font-style:italic}.btn-primary{background:var(--accent);color:var(--bg);font-family:var(--font-body);cursor:pointer;border:none;border-radius:5px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.btn-primary:hover:not(:disabled){background:#e0b589}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary kbd{font-family:var(--font-mono);color:#0c0d10b3;background:#0000002e;border-radius:3px;padding:1px 4px;font-size:9.5px}.cursor:after{content:"▋";color:var(--accent);margin-left:2px;animation:1s infinite blink}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.right-rail{border-left:1px solid var(--border);background:var(--bg-elev);flex-direction:column;display:flex;overflow-y:auto}.right-rail-head{border-bottom:1px solid var(--border);gap:3px;padding:12px 16px;display:flex}.tab{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:10.5px}.tab.active{color:var(--text);background:var(--bg-elev-2)}.branch-tree{padding:16px}.branch-title{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-size:9.5px}.br-node{gap:10px;padding-bottom:14px;display:flex;position:relative}.br-node-gutter{flex-shrink:0;width:20px;position:relative}.br-dot{background:var(--bg-elev);border:2px solid var(--border-bright);z-index:2;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:5px}.br-node.main .br-dot{border-color:var(--accent);background:var(--accent)}.br-node.current .br-dot{border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 3px #d4a37326}.br-line{background:var(--border-bright);width:2px;position:absolute;top:14px;bottom:-6px;left:9px}.br-node-body{flex:1;min-width:0;padding-top:2px}.br-node-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:12px;font-weight:500;overflow:hidden}.br-node-meta{font-family:var(--font-mono);color:var(--text-faint);gap:10px;font-size:10px;display:flex}.br-recall{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;padding:0;display:block;overflow:hidden}.br-recall:hover{color:var(--accent)}.rail-clear{border:1px solid var(--border);color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:4px;margin-left:auto;padding:3px 8px;font-size:10px}.rail-clear:hover{border-color:var(--danger);color:var(--danger)}.step-duration{font-family:var(--font-mono);color:var(--text-faint);margin-left:auto;font-size:10px}.table-item.clickable{cursor:pointer}.table-item.clickable:active{background:var(--bg-elev-3)}.drawer-backdrop{z-index:90;background:#0000008c;animation:.15s ease-out fade-in;position:fixed;inset:44px 0 0}.drawer{background:var(--bg-elev);border-left:1px solid var(--border-bright);z-index:100;flex-direction:column;width:760px;max-width:92vw;transition:transform .22s ease-out;display:flex;position:fixed;top:44px;bottom:0;right:0;transform:translate(100%);box-shadow:-16px 0 48px #00000059}.drawer.open{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--border);background:var(--bg-elev-2);align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.drawer-title{font-family:var(--font-display);color:var(--text);font-size:17px;font-weight:500}.drawer-sub{font-family:var(--font-mono);color:var(--text-faint);margin-top:2px;font-size:10.5px}.drawer-actions{flex-shrink:0;gap:5px;margin-left:auto;display:flex}.drawer-error{font-family:var(--font-mono);color:var(--danger);white-space:pre-wrap;background:#c77c6a14;border-bottom:1px solid #c77c6a4d;padding:8px 18px;font-size:11px}.drawer-body{flex:1;padding:0;overflow:auto}.drawer-body .grid{table-layout:auto}.drawer-body .grid th{background:var(--bg-elev);z-index:1;position:sticky;top:0}.editable-cell{cursor:text}.editable-cell:hover{background:var(--bg-elev-2);outline:1px dashed var(--border-bright);outline-offset:-1px}.pk-cell{color:var(--accent);cursor:not-allowed}.cell-input{border:1px solid var(--accent-dim);background:var(--bg);width:100%;color:var(--text);font-family:var(--font-mono);border-radius:3px;outline:none;padding:4px 6px;font-size:11.5px}.cell-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #d4a37333}.row-del-btn,.row-save-btn{width:24px;height:24px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;place-items:center;font-size:14px;display:grid}.row-del-btn:hover:not(:disabled){color:var(--danger);background:#c77c6a1a}.row-save-btn{color:var(--success)}.row-save-btn:hover:not(:disabled){background:#7fa97826}.new-row td{background:#d4a3730a}@keyframes fade-in{0%{opacity:0}to{opacity:1}}html,body{max-width:100%;overflow-x:hidden}@media (width<=768px){.app-root{height:100dvh}.topbar{padding:8px 12px;padding-top:max(8px, env(safe-area-inset-top));flex-wrap:wrap;row-gap:6px}.brand-img{height:22px}.topbar-actions{gap:6px}.shell{grid-template-columns:1fr}.shell>.right-rail,.shell>:first-child:not(.center),.right-rail{display:none}table,pre{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}input,textarea,select{font-size:16px}}.mobile-tabs{display:none}@media (width<=768px){.mobile-tabs{border-bottom:1px solid var(--border,#2a2d35);background:var(--bg-elev,#15171c);z-index:6;gap:6px;padding:8px 12px;display:flex;position:sticky;top:0}.mobile-tabs button{border:1px solid var(--border,#2a2d35);color:var(--text-dim,#9aa0aa);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:9px 10px;font-size:13px;font-weight:600}.mobile-tabs button.active{background:var(--accent,#d4a373);border-color:var(--accent,#d4a373);color:#15120e}.rag-row{flex-direction:column!important}.rag-aside{min-height:0;border-right:none!important;flex:auto!important;width:100%!important}.rag-main{flex:auto!important}.rag-row.mob-files .rag-main,.rag-row.mob-chat .rag-aside{display:none!important}}
