:root{color-scheme:light;--ink:#1c2026;--muted:#717984;--line:#dfe3e7;--paper:#fff;--yellow:#f5bd22;--green:#24865d;--bg:#f1f3f5;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #3979d6;outline-offset:3px}input,textarea,select{border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);padding:11px 12px;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #cf9a11;outline-offset:1px}h1,h2,p{margin:0}button{border:0}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.topbar{min-height:78px;background:#1c2026;color:white;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 32px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:650;font-size:14px}.brand svg{width:62px;flex:none}.brand svg path{stroke:var(--yellow);stroke-width:4;fill:none}.brand svg text{fill:#fff;font-size:22px;font-weight:800}.brand small{display:block;color:#a4acb6;font-weight:400;font-size:12px;margin-top:2px}.connection{font-size:12px;color:#b9c1cb;margin-left:auto;display:flex;align-items:center;gap:7px}.connection:before{content:"";width:7px;height:7px;background:#b9c1cb;border-radius:50%}.connection.online:before{background:#73d8a2}.connection.offline:before{background:#f5bd22}#account{display:flex;align-items:center;gap:16px;font-size:13px}.ghost{background:transparent;border:1px solid #535b66;border-radius:7px;padding:6px 11px;color:inherit}.primary{background:var(--yellow);color:var(--ink);font-weight:700;padding:11px 20px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:15px}.primary:hover{background:#eab016}.subtle{color:var(--muted);font-size:13px}.error{color:#b63737;font-size:13px;min-height:20px}.login{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 390px;gap:90px;align-items:center;min-height:calc(100dvh - 78px);padding:48px 32px 100px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--muted)}.intro h1{font-size:clamp(32px,4vw,48px);line-height:1.16;letter-spacing:-.04em;margin:17px 0 20px}.intro p{max-width:370px;color:#656d78;font-size:17px}.channel-badge{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:650;border:1px solid var(--line);border-radius:30px;padding:7px 12px;margin-top:30px;background:#fff}.channel-badge span{color:var(--green)}.login-card{display:flex;flex-direction:column;padding:30px;background:var(--paper);border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 30px #1c202608}.login-card h2{font-size:22px;letter-spacing:-.03em}.login-card p.subtle{margin:6px 0 22px}.login-card label{font-size:13px;font-weight:600;margin-bottom:6px}.login-card input{margin-bottom:17px}.login-card .error{margin-bottom:12px}.login-card #setup-note{margin:16px 0 0;line-height:1.6}
.workspace{height:calc(100dvh - 78px);display:grid;grid-template-columns:360px minmax(0,1fr);max-width:1600px;margin:auto;background:var(--paper);border-inline:1px solid var(--line)}.inbox{display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0;background:#fff}.inbox-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 22px 16px}.inbox-heading h1{font-size:23px;letter-spacing:-.04em}.channel-dot{border-radius:50%;background:#e9f5ed;color:var(--green);font-size:12px;font-weight:800;width:28px;height:28px;display:grid;place-items:center}.inbox>input{margin:0 18px;background:#f5f6f8;border-color:#edf0f2}.filters{display:flex;gap:5px;padding:17px 16px 13px;border-bottom:1px solid var(--line)}.filters button{background:transparent;color:#77808a;padding:7px 9px;border-radius:6px;font-size:12px;white-space:nowrap}.filters button[aria-pressed=true]{background:#1c2026;color:white}.conversation-list{overflow:auto;flex:1;min-height:0}.conversation{width:100%;display:grid;grid-template-columns:38px 1fr;gap:12px;text-align:left;padding:18px;background:#fff;border-bottom:1px solid #edf0f2;color:inherit;border-left:3px solid transparent}.conversation:hover{background:#fafbfc}.conversation.selected{background:#fff9e8;border-left-color:var(--yellow)}.avatar{width:38px;height:38px;background:#eaf0ec;border-radius:50%;display:grid;place-items:center;color:#466657;font-weight:700;font-size:13px}.conversation-main{min-width:0}.conversation-top{display:flex;gap:9px;align-items:center;justify-content:space-between}.conversation-name{font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation time{font-size:10px;color:var(--muted);white-space:nowrap}.conversation-preview{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.conversation-label{font-size:10px;margin-top:8px;color:#7b828a;display:flex;align-items:center;gap:6px}.unread-dot{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block}.inbox-footer{padding:12px 20px;border-top:1px solid var(--line);color:var(--green);font-size:11px;display:flex;gap:8px;justify-content:space-between}.inbox-footer span{color:#9299a2;font-size:10px}.list-empty{text-align:center;padding:58px 26px;font-size:13px;color:var(--muted);line-height:1.8}.list-error,.thread-error{background:#fff4d8;color:#735714;padding:10px 18px;font-size:12px}.thread{min-width:0;min-height:0;background:#f5f6f7}.thread-content{height:100%;display:flex;flex-direction:column}.empty-thread{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:30px}.empty-icon{width:66px;height:66px;display:grid;place-items:center;background:white;border:1px solid var(--line);border-radius:20px;color:#83968a;font-size:34px;margin-bottom:22px}.empty-thread h2{font-size:20px;font-weight:600;color:#4e5864}.empty-thread p{font-size:13px;line-height:1.8;margin-top:9px}.thread-heading{background:#fff;display:flex;align-items:center;gap:14px;padding:18px 28px;border-bottom:1px solid var(--line);min-height:84px}.thread-person{flex:1;min-width:0}.thread-person h2{font-size:16px;overflow-wrap:anywhere}.thread-person a{color:var(--muted);font-size:12px;text-decoration:none}.thread-heading select{font-size:12px;padding:7px 9px;background:#f8f9fa}.back{display:none}.history{overflow:auto;flex:1;min-height:0;padding:20px 28px;scrollbar-gutter:stable}.messages{display:flex;flex-direction:column;gap:13px;max-width:900px;margin:0 auto}.day{font-size:10px;align-self:center;color:#8c949d;margin:10px 0 6px}.message{max-width:80%;align-self:flex-start;background:#fff;border:1px solid #e4e8eb;padding:11px 15px 8px;border-radius:3px 13px 13px 13px;box-shadow:0 1px 1px #1c202603;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.message.outgoing{align-self:flex-end;background:#e9f3e9;border-color:#dce8dc;border-radius:13px 3px 13px 13px}.message.other{font-style:italic;color:#6e7580}.message-meta{display:flex;gap:9px;justify-content:flex-end;align-items:center;margin-top:7px;font-size:10px;color:#8a929b;white-space:normal}.message.failed .message-meta,.message.unknown .message-meta{color:#a46e1b}.more{display:block;background:transparent;border:1px solid var(--line);border-radius:7px;padding:7px 15px;margin:5px auto 18px;color:#67717d;font-size:12px}.inbox>.more{margin:10px auto}.composer{padding:18px 28px 20px;border-top:1px solid var(--line);background:#fff}.composer textarea{width:100%;resize:vertical;max-height:180px;min-height:70px;border:0;outline-offset:0;background:#f5f6f8;padding:12px 14px;font-size:14px}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px}.composer-footer>span{color:#9ba1a9;font-size:10px}.composer .primary{padding:10px 18px;font-size:13px}.send-warning{margin-top:12px;background:#fff5de;border-radius:8px;padding:10px 13px;color:#7b601b;font-size:12px}.notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#1c2026;color:white;border-radius:9px;padding:12px 18px;box-shadow:0 5px 22px #0002;font-size:13px;z-index:30;max-width:calc(100vw - 32px)}
@media(min-width:1600px){.workspace{height:calc(100dvh - 110px);margin-top:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden}}
@media(max-width:850px){.topbar{padding-inline:18px;gap:12px}.brand{font-size:12px;gap:8px}.brand svg{width:45px}.connection{font-size:10px}#operator{display:none}.workspace{grid-template-columns:310px minmax(0,1fr)}.history,.composer{padding-inline:18px}.thread-heading{padding-inline:18px}.login{gap:40px;grid-template-columns:1fr 350px;padding-inline:24px}.message{max-width:93%}.composer-footer>span{display:none}}
@media(max-width:650px){.topbar{min-height:68px;padding:9px 14px}.brand small{font-size:10px}.connection{max-width:100px;font-size:9px}#account{gap:0}.ghost{font-size:11px;padding:5px 8px}.workspace{height:calc(100dvh - 68px);display:block}.thread{display:none;height:100%}.inbox{height:100%;border-right:0}.workspace.show-thread .inbox{display:none}.workspace.show-thread .thread{display:block}.back{display:block}.thread-heading{gap:10px;min-height:75px;padding:12px}.thread-person h2{font-size:14px}.thread-heading select{max-width:105px;font-size:11px}.history{padding:14px 13px}.composer{padding:12px 13px max(14px,env(safe-area-inset-bottom))}.message{max-width:88%;font-size:13px}.login{min-height:calc(100dvh - 68px);display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:35px 22px}.intro h1{font-size:32px;margin-block:10px}.intro p{font-size:14px;max-width:100%}.channel-badge{margin-top:16px}.login-card{padding:24px}.intro .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .12s ease}.notice{animation:appear .15s ease-out}@keyframes appear{from{opacity:0;bottom:18px}to{opacity:1;bottom:24px}}}
.conversation-preview{display:block}