:root{--bg: #12161c;--panel: #1a2029;--panel-2: #222a36;--line: #2b3441;--text: #e6ebf2;--muted: #8b97a8;--accent: #22d3ee;--accent-dim: #0e7490;--wood: #8b5a2b;--wood-dark: #2a2118;--mine: #14586b;--danger: #f87171;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:16px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,p{margin:0}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.pad{padding:16px}.error{color:var(--danger)}.spacer{flex:1}.splash{height:100%;display:grid;place-items:center}.auth{min-height:100%;display:grid;place-items:center;padding:24px;padding-top:calc(24px + var(--safe-t))}.auth-card{width:100%;max-width:380px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}.auth-logo{image-rendering:pixelated;border-radius:28px}.auth h1{font-size:30px;letter-spacing:.5px}.hint{color:var(--muted);font-size:14px;margin-top:8px}.btn{background:var(--panel-2);border:1px solid var(--line);padding:10px 16px;border-radius:12px;font-weight:600}.btn:hover{border-color:var(--accent-dim)}.btn.primary{background:var(--accent);color:#04252c;border-color:transparent}.btn.big{padding:14px 22px;font-size:17px;width:100%}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.55;cursor:default}.icon-btn{background:none;border:0;padding:8px;border-radius:50%;color:var(--muted);display:inline-grid;place-items:center;min-width:40px;min-height:40px}.icon-btn:hover{background:var(--panel-2);color:var(--text)}.icon-btn.active{color:var(--accent)}.icon-btn:disabled{opacity:.4}.shell{display:grid;grid-template-columns:360px 1fr;height:100%;height:100dvh}.list-pane{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;padding-top:var(--safe-t)}.chat-pane{display:flex;flex-direction:column;min-height:0;position:relative;background:radial-gradient(1200px 500px at 70% -10%,rgba(34,211,238,.06),transparent 60%),var(--bg)}.chat-pane.placeholder{align-items:center;justify-content:center;gap:14px}.chat-pane.placeholder .avatar{opacity:.85}.list-head{display:flex;align-items:center;gap:8px;padding:10px 10px 10px 16px;border-bottom:1px solid var(--line)}.list-head h1{font-size:20px}.brand{border-radius:8px;image-rendering:pixelated}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.dot.on{background:#34d399}.dot.off{background:#f59e0b}.list-scroll{overflow-y:auto;flex:1;padding-bottom:var(--safe-b)}.section{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:14px 16px 6px;font-weight:600}.room-item{display:flex;gap:12px;width:100%;text-align:left;background:none;border:0;padding:10px 16px;align-items:center}.room-item:hover{background:var(--panel-2)}.room-item.active{background:#1f2c38}.room-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.room-top,.room-bottom{display:flex;gap:8px;align-items:baseline;justify-content:space-between}.room-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-top time{color:var(--muted);font-size:12px;flex:none}.room-preview{color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.badge{background:var(--accent);color:#04252c;font-size:12px;font-weight:700;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:inline-grid;place-items:center;flex:none}.chip{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;padding:1px 6px;border-radius:6px;margin-right:6px;background:#2b3441;color:#b5c0cf;vertical-align:1px}.chip.personal{background:#3b2a55;color:#d3b9ff}.avatar{border-radius:50%;flex:none;object-fit:cover;background:var(--panel-2)}.avatar.initial{display:inline-grid;place-items:center;color:#0b1220;font-weight:700}.menu-wrap{position:relative}.menu-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.menu{position:absolute;top:44px;right:0;z-index:21;background:var(--panel-2);border:1px solid var(--line);border-radius:14px;min-width:280px;padding:6px;box-shadow:0 12px 40px #00000080}.menu.right{right:0;min-width:180px}.menu button{display:flex;gap:10px;align-items:center;background:none;border:0;width:100%;text-align:left;padding:10px;border-radius:10px}.menu button:hover{background:var(--panel)}.menu small{display:block;color:var(--muted);font-size:12.5px}.chat-head{display:flex;align-items:center;gap:10px;padding:8px 10px;padding-top:calc(8px + var(--safe-t));background:var(--panel);border-bottom:1px solid var(--line)}.head-text{flex:1;min-width:0}.head-text h2{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.head-text p{color:var(--muted);font-size:13px;display:flex;gap:4px;align-items:center}.head-text p.typing{color:var(--accent)}.back{display:none}.scroll{flex:1;overflow-y:auto;padding:12px 12px 8px;display:flex;flex-direction:column;gap:0;overscroll-behavior:contain}.scroll>.mw{display:contents}.day{align-self:center;background:var(--panel-2);color:var(--muted);font-size:12px;padding:3px 10px;border-radius:10px;margin:12px 0 8px}.empty{margin:auto;text-align:center;max-width:320px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px}.sys{align-self:center;display:flex;gap:6px;align-items:center;font-size:13px;color:#fbbf24;background:#fbbf2414;border:1px solid rgba(251,191,36,.25);padding:6px 12px;border-radius:12px;margin:8px 0;max-width:90%;text-align:center}.msg{display:flex;gap:8px;margin-top:8px;max-width:100%;align-items:flex-end;position:relative}.msg.grouped{margin-top:2px}.msg.mine{justify-content:flex-end}.msg-av{width:30px;flex:none}.bubble-col{max-width:min(78%,640px);display:flex;flex-direction:column;min-width:0}.msg.mine .bubble-col{align-items:flex-end}.sender{font-size:12.5px;font-weight:600;margin:0 8px 2px}.bubble{background:var(--panel-2);border-radius:16px;padding:7px 11px 5px;position:relative;overflow-wrap:anywhere;min-width:60px}.msg.theirs .bubble{border-bottom-left-radius:5px}.msg.mine .bubble{background:var(--mine);border-bottom-right-radius:5px}.msg.agent .bubble{background:linear-gradient(180deg,#232a33,#1f2530);border:1px solid #2f3b4a;border-left:3px solid var(--accent-dim)}.bubble.pending{opacity:.7}.bubble.errored{border-color:var(--danger)}.plain{white-space:pre-wrap}.mention{color:var(--accent);font-weight:600}.meta{display:block;text-align:right;font-size:11px;color:var(--muted);margin-top:1px}.failed{font-size:12.5px;color:var(--danger);margin:3px 8px 0}.failed button{background:none;border:0;color:var(--accent);padding:0;text-decoration:underline}.quote{border-left:3px solid var(--accent);background:#0003;padding:4px 8px;border-radius:6px;margin-bottom:5px;font-size:13px;display:flex;flex-direction:column}.quote strong{color:var(--accent);font-size:12px}.quote span{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-actions{display:flex;opacity:0;transition:opacity .12s;align-self:center}.msg:hover .msg-actions,.msg:focus-within .msg-actions{opacity:1}@media(hover:none){.msg-actions{opacity:.5}.msg.grouped .msg-actions{display:none}}.msg.mine{flex-direction:row-reverse;justify-content:flex-start}.msg.mine .bubble-col{margin-left:auto}.dots{display:inline-flex;gap:4px;padding:6px 2px}.dots i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:blink 1.2s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.caret{display:inline-block;width:7px;height:15px;background:var(--accent);margin-left:2px;vertical-align:-2px;animation:caret 1s steps(2) infinite}@keyframes caret{50%{opacity:0}}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:.45em 0}.md ul,.md ol{margin:.4em 0;padding-left:1.3em}.md a{color:var(--accent)}.md code{background:#00000059;padding:1px 5px;border-radius:5px;font-size:.9em}.md pre{background:#0d1117;padding:10px;border-radius:10px;overflow-x:auto}.md pre code{background:none;padding:0}.md table{border-collapse:collapse;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--line);padding:4px 8px}.md blockquote{border-left:3px solid var(--line);margin:.5em 0;padding-left:10px;color:var(--muted)}.md h1,.md h2,.md h3{font-size:1.05em;margin:.7em 0 .3em}.atts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.att-img img{display:block;max-width:min(260px,100%);max-height:260px;border-radius:10px}.att-file{display:flex;gap:8px;align-items:center;background:#00000040;padding:8px 10px;border-radius:10px;color:var(--text);text-decoration:none}.att-file small,.pfile small{display:block;color:var(--muted);font-size:12px}.to-bottom{position:absolute;right:16px;bottom:96px;width:40px;height:40px;border-radius:50%;background:var(--panel-2);border:1px solid var(--line);display:grid;place-items:center;box-shadow:0 4px 16px #0006}.composer-wrap{background:var(--panel);border-top:1px solid var(--line);padding:8px 8px calc(8px + var(--safe-b));position:relative}.composer{display:flex;align-items:flex-end;gap:4px}.composer textarea{flex:1;resize:none;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:20px;padding:10px 14px;font:inherit;font-size:16px;line-height:1.35;max-height:160px;outline:none}.composer textarea:focus{border-color:var(--accent-dim)}.send-btn{width:42px;height:42px;border-radius:50%;border:0;background:var(--accent);color:#04252c;display:grid;place-items:center;flex:none}.send-btn:disabled{background:var(--panel-2);color:var(--muted)}.icon-btn.mic.live{color:#fff;background:#dc2626;animation:pulse 1.2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px #dc262633}}.icon-btn.at{color:var(--accent)}.stop-btn{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:var(--panel-2);border:1px solid var(--line);border-radius:18px;padding:6px 14px;display:flex;gap:6px;align-items:center;font-size:14px}.reply-bar{display:flex;gap:8px;align-items:center;justify-content:space-between;border-left:3px solid var(--accent);background:var(--bg);border-radius:8px;padding:4px 4px 4px 10px;margin-bottom:6px;font-size:13px}.reply-bar div{display:flex;flex-direction:column;min-width:0}.reply-bar strong{color:var(--accent)}.reply-bar span{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-files{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.pfile{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:4px 4px 4px 8px;flex:none;max-width:240px}.pfile img{width:36px;height:36px;object-fit:cover;border-radius:6px}.pfile span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.pfile.error{border-color:var(--danger)}.readonly-bar{display:flex;gap:8px;align-items:center;justify-content:center;padding:14px 16px calc(14px + var(--safe-b));background:var(--panel);border-top:1px solid var(--line);color:var(--muted);font-size:14px;text-align:center}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:var(--panel);border:1px solid var(--line);border-radius:18px;width:100%;max-width:440px;padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px;max-height:90dvh;overflow-y:auto}.modal header{display:flex;justify-content:space-between;align-items:center}.modal h2{font-size:19px}.modal h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:6px}.row-toggle{display:flex;justify-content:space-between;align-items:center;background:var(--bg);border-radius:12px;padding:12px 14px;gap:12px}.row-toggle small{color:var(--muted)}.row-toggle input{width:44px;height:26px;accent-color:var(--accent)}.toast{position:fixed;left:50%;bottom:calc(90px + var(--safe-b));transform:translate(-50%);background:#2b3441;border:1px solid var(--line);padding:10px 16px;border-radius:12px;z-index:60;max-width:90vw;box-shadow:0 8px 30px #00000080}@media(max-width:800px){.shell{grid-template-columns:1fr}.shell .chat-pane,.shell.chat-open .list-pane{display:none}.shell.chat-open .chat-pane{display:flex}.back{display:inline-grid}.bubble-col{max-width:84%}.menu{min-width:250px}}