.chat-shell{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:clamp(20px,3vw,40px);display:grid}@media (width<=900px){.chat-shell{grid-template-columns:1fr}.chat-aside{order:-1}}.chat-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-rows:auto 1fr auto;height:min(72vh,760px);min-height:560px;display:grid;overflow:hidden}.chat-top{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:.9rem;display:flex}.status{font-family:var(--font-display);align-items:center;gap:8px;font-weight:700;display:inline-flex}.status:before{content:"";background:var(--ink-3);border-radius:50%;width:9px;height:9px}.status.on:before{background:var(--green);animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 0 4px #18a78340}@keyframes pulse{50%{box-shadow:0 0 0 7px #18a7831f}}.chat-log{scroll-behavior:smooth;overscroll-behavior:contain;flex-direction:column;gap:10px;padding:18px;display:flex;overflow-y:auto}.msg{max-width:82%;animation:rise .35s var(--ease) both;gap:4px;display:grid}.msg.mine{align-self:flex-end}.msg .who{color:var(--ink-3);font-size:.75rem;font-family:var(--font-display);letter-spacing:.02em;align-items:center;gap:8px;font-weight:700;display:flex}.msg.mine .who{justify-content:flex-end}.msg .who .badge{background:var(--green);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:1px 8px;font-size:.68rem}.msg .who .badge.verified{background:var(--green);color:#fff;text-transform:none;letter-spacing:0;border:0;border-radius:8px;align-items:center;gap:6px;padding:5px 8px 5px 9px;line-height:0;display:inline-flex}.msg .who .badge.verified svg{shape-rendering:geometricprecision;width:66px;height:auto;display:block}.msg .who .badge.verified .tick{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 1.5l2.4 2.1 3.2-.4 1.1 3 2.9 1.4-.6 3.1 1.9 2.6-1.9 2.6.6 3.1-2.9 1.4-1.1 3-3.2-.4L12 22.5l-2.4-2.1-3.2.4-1.1-3-2.9-1.4.6-3.1L1.1 12 3 9.4l-.6-3.1 2.9-1.4 1.1-3 3.2.4z'/%3E%3Cpath fill='%2318a783' d='M10.3 16.2l-3.5-3.5 1.6-1.6 1.9 1.9 5.3-5.3 1.6 1.6z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:13px;height:13px;display:block}.msg .bubble{background:var(--green-tint);border:1px solid var(--line-2);white-space:pre-wrap;word-break:break-word;border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:.98rem;line-height:1.45}.msg.mine .bubble{background:var(--ink);color:#fff;border-color:var(--ink);border-radius:16px 16px 4px}.msg.staff .bubble{background:var(--green-soft);color:var(--ink);border-color:#c2e6d6}.msg .quote{color:var(--ink-2);border-left:3px solid var(--green);background:#00000008;border-radius:4px;max-height:3.2em;margin-bottom:6px;padding:2px 8px;font-size:.82rem;font-weight:500;overflow:hidden}.msg.mine .quote{color:#cfe3da;border-left-color:var(--lime);background:#ffffff14}.msg.staff .quote{color:var(--ink-2);border-left-color:var(--green-deep);background:#0c5a4614}.msg .tools{gap:10px;font-size:.75rem;display:flex}.msg .tools button{color:var(--ink-3);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:.75rem}.msg .tools button:hover{color:var(--green-deep);text-decoration:underline}.msg.hidden-msg .bubble{opacity:.45;text-decoration:line-through}.chat-compose{border-top:1px solid var(--line-2);background:var(--surface);gap:8px;padding:12px 14px;display:grid}.replying{color:var(--ink-2);background:var(--green-tint);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;font-size:.82rem;display:flex}.replying button{cursor:pointer;color:var(--ink-3);background:0 0;border:0;font-size:1rem}.chat-compose form{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid}.chat-compose textarea{font:inherit;resize:none;border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;min-height:46px;max-height:160px;padding:11px 14px;line-height:1.4}.chat-compose textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft);outline:none}.chat-compose .hint{color:var(--ink-3);justify-content:space-between;gap:10px;font-size:.78rem;display:flex}.chat-compose .hint .err{color:var(--coral)}.newpill{background:var(--ink);color:#fff;font-family:var(--font-display);cursor:pointer;border:0;border-radius:999px;align-self:center;padding:8px 14px;font-weight:700;display:none;position:sticky;bottom:8px}.newpill.show{display:inline-block}.day{color:var(--ink-3);font-size:.72rem;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;align-self:center;padding:4px 0}.chat-aside{gap:14px;display:grid}.rules{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:8px;padding:18px 20px;font-size:.92rem;display:grid}.rules ul{color:var(--ink-2);gap:4px;margin:0;padding-left:18px;display:grid}.rules li::marker{color:var(--green)}.privatecta{background:var(--green-night);color:#fff;border-radius:var(--radius);gap:8px;padding:20px;display:grid}.privatecta .eyebrow{color:var(--lime)}.privatecta p{color:#c3ddd3;font-size:.92rem}.privatecta .btn{justify-self:start;margin-top:6px}.empty{color:var(--ink-3);text-align:center;padding:40px 20px;font-size:.95rem}.token-box{background:var(--green-soft);border-radius:var(--radius);gap:8px;padding:16px 18px;font-size:.92rem;display:grid}.token-box code{word-break:break-all;background:#fff;border-radius:6px;padding:6px 8px;font-size:.8rem;display:block}.thread-list{gap:8px;display:grid}.thread-list a{color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);gap:4px;padding:12px 14px;font-size:.92rem;text-decoration:none;display:grid}.thread-list a:hover{border-color:var(--green)}.thread-list .sub{font-weight:700;font-family:var(--font-display)}.thread-list .meta{color:var(--ink-3);gap:10px;font-size:.8rem;display:flex}.thread-list .dot{background:var(--coral);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}