@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#29232f;--muted:#78727f;--paper:#f9f7fa;--line:#d2cbd6;--accent:#e86643;font-family:Manrope,'Segoe UI',Arial,sans-serif;color:var(--ink);background:#eae6ed;font-synthesis:none}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{min-width:320px}a{color:inherit}.watch-boot{padding:35px;font-size:14px}.watch-layout{height:100dvh;display:grid;grid-template-columns:270px minmax(0,1fr)}.watch-sidebar{background:#302738;color:#f3eef4;display:flex;flex-direction:column;padding:25px 25px 20px;min-height:0}.watch-brand{font-size:29px;line-height:1;font-weight:800;letter-spacing:-.085em;text-decoration:none;margin-bottom:72px}.brand-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-left:5px;vertical-align:baseline}.side-section{border-top:1px solid #5c5164;padding-top:19px;margin-bottom:28px}.side-kicker{font:500 10px 'DM Mono',Consolas,monospace;letter-spacing:.13em;color:#bfaabf}.side-section h2{font-size:21px;line-height:1.23;letter-spacing:-.05em;margin:10px 0 8px}.side-section p{font-size:12px;color:#bdb2c3;line-height:1.6;margin:0}.people-section ul{padding:0;margin:19px 0 0;list-style:none;display:grid;gap:15px}.people-section li{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.side-note{margin-top:auto;border-top:1px solid #5c5164;padding-top:16px;font-size:11px;color:#bdb2c3;line-height:1.6}.side-note strong{color:#f3eef4;font-size:13px}.watch-main{min-width:0;min-height:0;display:flex;flex-direction:column}.watch-header{height:72px;flex:none;background:#f5f2f7;border-bottom:1px solid #cbc3d0;display:flex;align-items:center;gap:13px;padding:0 30px;box-shadow:0 2px 9px rgba(48,39,56,.06);z-index:2}.group-avatar{width:42px;height:42px;display:block;flex:none;border-radius:11px}.group-heading{min-width:0}.group-heading h1{font-size:16px;line-height:1.2;letter-spacing:-.04em;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-heading p{font-size:11px;color:var(--muted);margin:0}.watch-live{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7ba15f;margin-right:6px;vertical-align:1px;animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.25}}.read-only{margin-left:auto;border:1px solid #c8becc;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:800;color:#6a5e72;white-space:nowrap}.mobile-people{display:none}.chat-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;background-color:#eae6ed;background-image:radial-gradient(#d4ccd8 .7px,transparent .7px);background-size:22px 22px}.chat-content{max-width:820px;margin:auto;padding:26px 24px 36px}.topic-card{width:min(100%,640px);margin:0 auto 28px;border:1px solid #d4c7d7;background:#f2eef4;text-align:center;border-radius:9px;padding:14px 22px;box-shadow:0 4px 12px rgba(46,34,51,.05)}.topic-card span,.summary-bubble span{font:500 10px 'DM Mono',Consolas,monospace;letter-spacing:.13em;color:#a04b37}.topic-card p{font-size:13px;font-weight:700;line-height:1.55;margin:7px 0 0}.round-divider{display:flex;justify-content:center;margin:20px 0 18px}.round-divider span{background:#d8d0dd;color:#695d71;border-radius:30px;padding:6px 13px;font:500 10px 'DM Mono',Consolas,monospace;box-shadow:0 2px 7px rgba(46,34,51,.06)}.watch-message{display:flex;align-items:flex-end;gap:9px;margin:0 0 13px}.watch-avatar{width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:50%;font-weight:800;font-size:14px;color:#fff}.color-0{background:#d86143}.color-1{background:#8c6c9a}.color-2{background:#565063}.color-3{background:#7e9c59}.color-4{background:#b77769}.color-5{background:#627f9a}.color-0-text{color:#b1482f}.color-1-text{color:#7d518f}.color-2-text{color:#565063}.color-3-text{color:#557f37}.color-4-text{color:#a35f53}.color-5-text{color:#53768f}.message-bubble{position:relative;max-width:min(84%,700px);min-width:130px;background:#faf8fb;border:1px solid #d6ceda;border-radius:13px 13px 13px 4px;padding:11px 14px 9px;box-shadow:0 2px 7px rgba(47,35,55,.075)}.message-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;line-height:1.25}.message-head strong{font-size:12px;font-weight:800}.message-head span{font-size:10px;color:#8b8391}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6;margin:8px 0 4px}.message-foot{display:flex;justify-content:flex-end;align-items:center;gap:9px;color:#9a919f;font:400 10px 'DM Mono',Consolas,monospace}.summary-bubble{max-width:700px;margin:28px 0 10px 44px;background:#f8efe9;border:1px solid #e9baab;border-left:4px solid var(--accent);border-radius:4px 12px 12px 4px;padding:15px 18px;box-shadow:0 3px 11px rgba(60,33,25,.05)}.summary-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65;margin:9px 0 0}.watch-empty{text-align:center;color:var(--muted);padding:55px 20px}.watch-empty-orbit{display:block;width:42px;height:42px;border:1px solid #bbaec1;border-radius:50%;margin:0 auto 14px;position:relative}.watch-empty-orbit:after{content:'';width:8px;height:8px;border-radius:50%;background:var(--accent);position:absolute;left:1px;top:3px}.watch-empty h2{font-size:18px;color:var(--ink);margin:0 0 5px}.watch-empty p{font-size:12px;margin:0}.feed-end{height:10px}.watch-footer{min-height:54px;flex:none;background:#f5f2f7;border-top:1px solid #cbc3d0;color:#77707d;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;text-align:center;font-size:11px}.footer-lock{font-size:17px;color:#a090a7}.watch-unavailable{height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.watch-mark{width:48px;height:48px;background:#302738;color:white;display:grid;place-items:center;border-radius:13px;font-size:25px;font-weight:800}.watch-unavailable h1{font-size:26px;margin:17px 0 8px}.watch-unavailable p{font-size:13px;color:var(--muted);margin:0}
@media(max-width:820px){.watch-layout{display:block}.watch-sidebar{display:none}.watch-main{height:100dvh}.watch-header{padding:0 20px}.mobile-people{display:flex;align-items:center;gap:7px;overflow:auto;white-space:nowrap;flex:none;padding:8px 20px;background:#f0ecf3;border-bottom:1px solid #d3cad7;font-size:10px;font-weight:800}.mobile-people i{font-style:normal;color:#aaa0ae}.chat-content{padding:20px 17px 28px}}
@media(max-width:480px){.watch-header{height:65px;padding:0 14px;gap:10px}.group-avatar{width:36px;height:36px;border-radius:9px}.group-heading h1{font-size:14px}.group-heading p{font-size:10px}.read-only{font-size:9px;padding:4px 7px}.chat-content{padding:17px 11px 25px}.topic-card{padding:13px 15px}.watch-message{gap:7px}.watch-avatar{width:29px;height:29px;font-size:12px}.message-bubble{max-width:calc(100% - 38px);padding:9px 11px 8px}.message-bubble p,.summary-bubble p{font-size:12px}.summary-bubble{margin-left:36px;padding:12px 13px}.watch-footer{font-size:10px;min-height:48px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.watch-live{animation:none}}
.watch-brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.watch-brand img{display:block;flex:none;border-radius:9px;box-shadow:0 0 0 1px rgba(255,255,255,.3)}.watch-mark{display:block;border-radius:13px}
.watch-brand{letter-spacing:-.04em}
.watch-message.moderator-message .message-bubble{background:#fff5ef;border-color:#e9baab;border-left:3px solid var(--accent)}
.watch-message.moderator-message .message-head strong{color:#a0442c}
.watch-avatar.moderator-avatar{background:#ad4f34}
.summary-model-label{display:block;margin-top:7px;font-size:11px;color:#846c64}
.message-bubble .invalid-reply{margin:9px 0 6px;padding:10px 11px;border-left:3px solid #b84f36;background:#f7eae5;border-radius:3px;color:#783a2d}.message-bubble .invalid-reply summary{cursor:pointer;font-size:11px;font-weight:800;line-height:1.5}.message-bubble .invalid-reply p{margin-top:10px;color:var(--ink);font-weight:400}.message-bubble .invalid-reply-note{margin:4px 0 7px;color:#8e655c;font-size:10px;line-height:1.4}
.summary-bubble .summary-quality-warning{margin:12px 0 0;padding:10px 12px;background:#f8eeeb;color:#8e321b;border-left:3px solid #ed6346;font-size:12px;line-height:1.45}
.watch-ai-note{margin:22px 0;color:#766f7d;font-size:11px;line-height:1.5;text-align:center}