:root{--bg:#0b0f1a;--panel:#121829;--panel-2:#0f1424;--border:#1f2940;--text:#e6e9f0;--muted:#8a93a8;--accent:#6c8cff;--accent-2:#4f6ef0;--danger:#e74c3c;--warn:#f1c40f;--ok:#2ecc71;--bubble-mine:#2b3a73;--bubble-theirs:#1b2336;--radius:14px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent)}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app{min-height:100vh;flex-direction:column}.app,.shell{display:flex}.shell{width:100%;max-width:760px;margin:0 auto;padding:20px 16px 32px;flex:1 1;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px}.brand{font-size:22px;font-weight:700;letter-spacing:.5px}.brand span{color:var(--accent)}.conn{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 10px currentColor}.dot.connected{color:var(--ok);background:var(--ok)}.dot.connecting{color:var(--warn);background:var(--warn)}.dot.disconnected{color:var(--danger);background:var(--danger)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.card h1,.card h2{margin-top:0}.subtle{color:var(--muted);font-size:14px}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:10px;padding:11px 16px;font-weight:600;transition:transform .04s ease,background .15s ease,border-color .15s ease}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.btn.danger{border-color:#5a2630;color:#ff9aa2}.btn.ghost{background:transparent}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field>label{font-size:13px;color:var(--muted)}.seg{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.seg button{border:0;background:var(--panel-2);color:var(--text);padding:10px 14px}.seg button.active{background:var(--accent-2);color:#fff}input[type=number],select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;font:inherit;width:100%}.row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.searching{display:flex;flex-direction:column;align-items:center;gap:18px;padding:48px 16px;text-align:center}.spinner{width:46px;height:46px;border-radius:50%;border:4px solid var(--border);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.chat{display:flex;flex-direction:column;flex:1 1;min-height:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);overflow:hidden}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--panel-2)}.chat-head .who{font-weight:600}.chat-head .who small{color:var(--muted);font-weight:400}.messages{flex:1 1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.bubble{max-width:78%;padding:9px 13px;border-radius:14px;line-height:1.4;word-wrap:break-word;white-space:pre-wrap}.bubble.mine{align-self:flex-end;background:var(--bubble-mine);border-bottom-right-radius:4px}.bubble.theirs{align-self:flex-start;background:var(--bubble-theirs);border-bottom-left-radius:4px}.typing{align-self:flex-start;color:var(--muted);font-size:13px;font-style:italic;padding:2px 4px}.empty-hint{margin:auto;color:var(--muted);text-align:center;font-size:14px}.composer{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border);background:var(--panel-2)}.composer textarea{flex:1 1;resize:none;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;font:inherit;max-height:120px}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:10px 14px;border-radius:10px;font-size:14px;border:1px solid var(--border)}.notice.info{background:rgba(108,140,255,.12);border-color:rgba(108,140,255,.4)}.notice.warn{background:rgba(241,196,15,.1);border-color:rgba(241,196,15,.4)}.notice.error{background:rgba(231,76,60,.1);border-color:rgba(231,76,60,.4)}.notice button{background:transparent;border:0;color:var(--muted);font-size:18px;line-height:1}.foot{text-align:center;font-size:12px;padding:18px 0 4px}.foot,.foot a{color:var(--muted)}.foot a{margin:0 8px}.prose{line-height:1.6}.prose h1{margin-bottom:6px}.prose ul{padding-left:20px}.prose li{margin:6px 0}