:root{color-scheme:light;--ink: #1f2933;--muted: #8b95a1;--sub: #4b5563;--line: #e6e8eb;--blue: #2f6fed;--blue-soft: #eaf3ff;--staff: #e7f1ff;--client: #f3f4f6;--pink: #e11d48;--pink-soft: #fff1f2;--danger: #b42318;--ok: #15803d;--bg: #f7f8fa;--surface: #fff;--input-bg: #fff;--input-border: #d5d9e0;--banner-bg: #f3f7ff;--code-bg: #f4f7fb;--focus: #bfd4ff;--on-blue: #fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--surface)}[data-theme=dark]{color-scheme:dark;--ink: #e7edf4;--muted: #93a0b0;--sub: #b4c0ce;--line: #2c3644;--blue: #6ea2ff;--blue-soft: #1a2c48;--staff: #1c3358;--client: #232b36;--pink: #fb7185;--pink-soft: #3a1c28;--danger: #fca5a5;--ok: #4ade80;--bg: #0e141b;--surface: #161d27;--input-bg: #101720;--input-border: #3a4656;--banner-bg: #172033;--code-bg: #101720;--focus: #3d5f99;--on-blue: #fff;background:var(--surface)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--surface)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--blue)}h1,h2,p{margin:0}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.boot,.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.login-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:28px}.login-card h1{font-size:28px;font-weight:750}.lede,.muted,.thread-sub,.thread-hint{color:var(--muted)}.lede{margin-top:8px}label{display:grid;gap:6px;font-size:14px;font-weight:650}input,textarea{width:100%;border:1px solid var(--input-border);background:var(--input-bg);border-radius:8px;padding:10px 12px;font-weight:450;min-width:0}textarea{resize:vertical;min-height:72px}input:focus,textarea:focus,button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.login-card,.composer{display:grid;gap:14px}button{border:0;background:transparent;border-radius:8px;padding:10px 16px}.primary,.new-chat{background:var(--blue);color:var(--on-blue);font-weight:650}.primary{justify-self:start;align-self:flex-start;min-width:140px}.primary:disabled,.ghost:disabled{opacity:.55;cursor:not-allowed}.form-error,.bubble-error,.failed{color:var(--danger)}.form-ok,.gateway-line.online{color:var(--ok)}.shell{height:100vh;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:var(--surface)}.topbar{display:flex;align-items:center;gap:16px;min-height:58px;padding:0 20px;border-bottom:1px solid var(--line);background:var(--surface)}.brand{color:var(--ink);font-weight:750;font-size:22px;text-decoration:none}.topbar nav{margin-left:auto;display:flex;align-items:center;gap:12px}.who,.sep,.pill{color:var(--sub);font-size:14px}.pill.online{color:var(--ok)}.logout{color:var(--blue);background:transparent;padding:0;font-weight:650;text-decoration:none}.banner{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 20px;background:var(--banner-bg);color:var(--ink);font-size:14px}.banner button{color:var(--blue);background:transparent;padding:0}.workspace{min-height:0;display:grid;grid-template-columns:320px minmax(0,1fr)}.dialogs-pane,.thread-pane{min-height:0}.dialogs-pane{display:flex;flex-direction:column;gap:12px;padding:16px 14px 12px;border-right:1px solid var(--line);background:var(--surface)}.search{position:relative}.search input{min-height:42px;padding-left:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%239aa3af' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px 50%}.new-chat{width:100%;min-height:42px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px}.btn-icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.dialogs{list-style:none;margin:0;padding:0;overflow:auto;display:grid;align-content:start;gap:4px;flex:1}.dialog,.empty-list{width:100%;text-align:left;border-radius:10px;background:transparent;padding:10px}.dialog{display:flex;align-items:flex-start;gap:12px}.dialog.active{background:var(--blue-soft)}.dialog-avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--client);color:var(--sub);flex:none}.dialog-avatar.lg{width:40px;height:40px;border-radius:12px}.dialog-avatar svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.dialog.active .dialog-avatar{background:var(--surface);color:var(--blue)}.dialog.waiting .dialog-avatar,.dialog-avatar.waiting{background:var(--pink-soft);color:var(--pink)}.dialog-body{min-width:0;flex:1;display:grid;gap:4px}.dialog-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.dialog strong{font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog time,.preview,.bubble footer{color:var(--muted);font-size:13px;font-weight:450}.dialog time{flex:none}.preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{justify-self:start;background:var(--pink-soft);color:var(--pink);border-radius:4px;padding:2px 6px;font-size:12px;font-weight:650}.empty-list{color:var(--muted);font-size:14px;padding:18px 10px;text-align:center}.thread-pane{display:flex;flex-direction:column;background:var(--surface);min-height:0}.thread-head{display:flex;gap:12px;align-items:center;padding:16px 20px 12px;border-bottom:1px solid var(--line)}.thread-head h1{font-size:26px;font-weight:750}.thread-sub{margin-top:2px;font-size:14px}.back{display:none;color:var(--blue);background:transparent;padding:0}.bubbles{flex:1;overflow:auto;padding:18px 20px;display:flex;flex-direction:column;gap:16px;background:var(--bg)}.thread-hint,.thread-empty{margin:auto;text-align:center}.thread-empty{display:grid;justify-items:center;gap:12px;max-width:280px;color:var(--muted);line-height:1.45}.bubble{display:flex;flex-direction:column;max-width:min(460px,86%);gap:4px}.bubble.in{margin-right:auto;align-items:flex-start}.bubble.out{margin-left:auto;align-items:flex-end}.who-label{font-size:13px;font-weight:750}.bubble-text{margin:0;padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);white-space:pre-wrap;line-height:1.45;font-weight:450}.bubble.in .bubble-text{border-bottom-left-radius:4px}.bubble.out .bubble-text{background:var(--staff);border-color:transparent;border-bottom-right-radius:4px}.bubble.hit .bubble-text{outline:2px solid #f3b4c2}.bubble-error,.retry{font-size:13px}.bubble-error{margin:0}.retry{color:var(--blue);background:transparent;padding:0}.composer{padding:14px 20px 18px;border-top:1px solid var(--line);background:var(--surface);width:100%}.composer .field,.composer-bar{width:100%}.composer-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px}.composer-bar .form-error{margin-right:auto}.settings-nav{display:flex;flex-direction:column;gap:4px;padding:12px;border-right:1px solid var(--line);background:var(--surface);min-height:0}.settings-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px;border-radius:10px;color:var(--ink);font-weight:650;font-size:15px}.settings-item.active{background:var(--blue-soft)}.settings-glyph{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--client);color:var(--sub);flex:none}.settings-item.active .settings-glyph{background:var(--surface);color:var(--blue)}.settings-glyph svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.settings-panel{display:flex;flex-direction:column;min-height:0;background:var(--surface)}.settings-body{flex:1;min-height:0;overflow:auto;padding:22px 24px 36px}.settings-form{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:640px}.settings-form.narrow-form{max-width:420px}.settings-lead{color:var(--muted);line-height:1.5;font-size:14px}.panel-card{width:100%;display:flex;flex-direction:column;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.card-head{display:flex;flex-direction:column;gap:8px}.panel-card h2,.card-head h2{font-size:18px;font-weight:750}.switch{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--ink)}.switch input{width:18px;height:18px;accent-color:var(--blue)}.field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:650;color:var(--muted)}label.field input,label.field textarea{color:var(--ink)}label.field input{min-height:42px}.fields-2,.fields-port{width:100%;display:grid;gap:14px 16px;align-items:start}.fields-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fields-port{grid-template-columns:minmax(0,1fr) 120px}.form-footer{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.ghost{border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:650;padding:9px 14px}.code-card{width:100%;display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--code-bg)}.code-line{display:flex;align-items:center;justify-content:space-between;gap:16px}.code-line code{font-size:16px;font-weight:700;letter-spacing:.01em;overflow-wrap:anywhere;color:var(--ink)}.countdown{margin-left:auto;flex:none;font-variant-numeric:tabular-nums;font-size:22px;font-weight:750;color:var(--blue)}.code-card.expired code{color:var(--muted)}.code-card.expired .countdown{color:var(--danger)}.code-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.theme-choices{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:14px}.theme-choice{display:grid;gap:10px;padding:12px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}.theme-choice.selected{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.theme-preview{height:78px;border-radius:8px;overflow:hidden;display:grid;grid-template-columns:28px 1fr;border:1px solid #e6e8eb}.theme-preview .side{background:#f3f4f6}.theme-preview .main{background:#fff}.theme-preview.dark{border-color:#2c3644}.theme-preview.dark .side{background:#0e141b}.theme-preview.dark .main{background:#161d27}.theme-name{font-weight:700}@media(max-width:800px){.topbar{flex-wrap:wrap;padding:12px 16px}.workspace{grid-template-columns:1fr}.workspace.show-thread .dialogs-pane,.settings-workspace.show-section .settings-nav{display:none}.workspace:not(.show-thread) .thread-pane,.settings-workspace:not(.show-section) .settings-panel{display:none}.back{display:inline-flex}.shell{height:auto;min-height:100vh}.thread-pane,.settings-panel{min-height:calc(100vh - 90px)}.fields-2,.fields-port,.theme-choices{grid-template-columns:minmax(0,1fr)}}