*{box-sizing:border-box}body{margin:0;background:var(--gradient-main);color:var(--ink);font-family:var(--font-ui);min-height:100dvh;font-size:16px;line-height:1.6}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button{min-height:44px;border:1px solid var(--secondary-500);border-radius:12px;background:var(--gradient-button);color:var(--ink);padding:9px 18px;cursor:pointer;touch-action:manipulation;transition:border-color 150ms,background-color 150ms}button:hover{border-color:var(--accent-500)}button:disabled{opacity:.6;cursor:wait}.primary{background:var(--accent-800);color:var(--surface);font-weight:700}input{display:block;width:100%;min-height:48px;border:1px solid var(--secondary-500);border-radius:8px;background:var(--surface);color:var(--ink);padding:10px 12px;caret-color:var(--accent-400)}:focus-visible{outline:3px solid var(--accent-500);outline-offset:4px}::selection{background:var(--accent-300);color:var(--surface)}[hidden]{display:none!important}.v2-shell{max-width:1180px;margin:auto;padding:0 max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left))}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;border-bottom:1px solid var(--secondary-800)}.brand{font-size:26px;font-weight:700;text-decoration:none;letter-spacing:-.03em}.brand span{display:inline-block;margin-left:16px;color:var(--secondary-200);font-size:13px;font-weight:400;letter-spacing:0}main{min-height:70vh;padding:48px 0}h1{font-size:clamp(28px,4vw,40px);line-height:1.15;letter-spacing:-.03em;text-wrap:balance;margin:0 0 16px}h2{font-size:19px;line-height:1.4;margin:0 0 8px}p{max-width:68ch;margin:0 0 24px;color:var(--secondary-100)}.login{max-width:440px;margin:32px auto 64px}.login form{margin-top:32px}form{display:grid;gap:20px}label{display:block;font-weight:600}label input{margin-top:8px}.hint{font-size:14px;color:var(--secondary-200);margin:12px 0 0}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.status{border:1px solid var(--primary-600);padding:4px 12px;border-radius:20px;font-size:13px;white-space:nowrap}.notice{border:1px solid var(--secondary-700);border-radius:10px;background:var(--secondary-950);padding:24px;margin:16px 0 32px}.notice p{margin:0}.platforms{list-style:none;padding:0;margin:0}.platforms li{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid var(--secondary-800)}.platforms strong{font-size:20px}.platforms p{margin:4px 0 0;font-size:14px}.platforms span{color:var(--secondary-200);font-size:14px}.switch-row{display:flex;gap:32px;align-items:center;justify-content:space-between;padding:24px 0 32px;border-bottom:1px solid var(--secondary-800)}.switch-row p{margin:0}.switch-row button{flex-shrink:0}.switch-row button[aria-pressed=true]{border-color:var(--accent-500)}.admin-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1.5fr);gap:64px;margin:40px 0}.admin-grid h2{margin-bottom:20px}#accounts{padding:0;list-style:none}#accounts li{padding:20px 0;border-bottom:1px solid var(--secondary-800);display:flex;align-items:center;justify-content:space-between;gap:20px}#accounts strong{display:block;overflow-wrap:anywhere}#accounts small{color:var(--secondary-200)}#accounts button{flex-shrink:0}details{border-top:1px solid var(--secondary-800);padding:20px 0}summary{cursor:pointer;min-height:44px}#audit{padding-left:24px;color:var(--secondary-200);font-size:14px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}#audit li{padding:8px 0}#feedback{margin:24px 0 0;color:var(--accent-200);overflow-wrap:anywhere}footer{border-top:1px solid var(--secondary-800);padding:24px 0;color:var(--secondary-200);font-size:13px}*{scrollbar-color:var(--secondary-600) var(--surface);scrollbar-width:thin}@media(max-width:700px){.v2-shell{padding-inline:20px}header{padding-block:20px}.brand span{display:block;margin:0;font-size:12px}main{padding-top:32px}.admin-grid{grid-template-columns:1fr;gap:40px}.heading,.switch-row{flex-direction:column}.platforms li{align-items:flex-start;gap:12px;flex-direction:column}.login{margin-top:16px}#accounts li{align-items:flex-start;flex-direction:column}.status{align-self:flex-start}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
select{font:inherit;display:block;width:100%;min-height:44px;margin-top:8px;border:1px solid var(--secondary-500);border-radius:8px;padding:8px;background:var(--surface);color:var(--ink)}.live-layout{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:40px}.live-layout>aside{border-right:1px solid var(--secondary-800);padding-right:24px}.channel-list{list-style:none;padding:0}.channel-list li{padding:16px 0;border-bottom:1px solid var(--secondary-800);overflow-wrap:anywhere}.channel-list label{display:flex;align-items:center;gap:12px}.channel-list input[type=checkbox],#event-options input{width:20px;min-height:20px;margin:0;flex-shrink:0}.channel-list button{margin:8px 8px 0 0;padding-inline:12px;font-size:14px}.section-title{margin-top:32px}.chat-tools{display:flex;gap:16px;align-items:end;justify-content:space-between;margin-bottom:20px}.chat-tools label{flex:1}#chat-feed{height:55dvh;min-height:280px;max-height:650px;overflow:auto;overscroll-behavior:contain;padding:0;list-style:none;overflow-wrap:anywhere}#chat-feed li{padding:16px 0;border-bottom:1px solid var(--secondary-800)}#chat-feed small{display:block;color:var(--secondary-200)}#chat-feed p{white-space:pre-wrap;margin:4px 0}#event-options{max-height:260px;overflow:auto}#event-options label{display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px}#session-state{white-space:pre-line}button[aria-pressed=true]{border-color:var(--accent-500)}@media(max-width:800px){.live-layout{grid-template-columns:1fr}.live-layout>aside{border-right:0;padding-right:0;border-bottom:1px solid var(--secondary-800);padding-bottom:24px}.chat-tools{align-items:stretch;flex-direction:column}}

.twitch-connection{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--secondary-800)}.twitch-connection p{overflow-wrap:anywhere}
/* Workspace extension: inherited TikChat colors and controls. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.v2-shell{max-width:1600px;padding-inline:32px}header{padding:20px 0}.brand{font-size:24px}main{padding:28px 0;min-height:78vh}h1{font-size:26px;line-height:1.25}h2{font-size:16px}button{transition:background-color 180ms,border-color 180ms,opacity 180ms}button:disabled{cursor:not-allowed}button:active:not(:disabled){transform:translateY(1px)}input::placeholder{color:var(--secondary-300)}input[type=checkbox]{accent-color:var(--accent-800)}
#feedback:empty{display:none}#feedback{padding:12px 16px;margin:0 0 20px;border:1px solid var(--accent-700);border-radius:8px;background:var(--surface);font-size:14px;max-width:none}
.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}.workspace-heading h1{margin:0 0 4px}.workspace-heading p{font-size:14px;margin:0}.session-controls{display:flex;align-items:center;gap:14px}.status{color:var(--primary-100);border-color:var(--primary-700);font-size:12px;line-height:24px}.status[data-state=active]{background:var(--primary-900)}.danger{border-color:var(--accent-700);color:var(--accent-200)}.workspace-notice{font-size:13px;color:var(--secondary-200);margin:0 0 24px;max-width:none}.workspace-grid{display:grid;grid-template-columns:260px minmax(320px,1fr) 248px;gap:20px;align-items:start}
.sources-panel,.conversation-panel,.workspace-settings{min-width:0}.sources-panel{padding:20px;background:var(--primary-950);border:1px solid var(--primary-800);border-radius:12px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.panel-heading h2{margin:0}.count{display:inline-flex;min-width:24px;height:24px;align-items:center;justify-content:center;font-size:12px;border-radius:6px;background:var(--primary-900);color:var(--primary-100)}
.add-source-panel{padding:0 0 16px;border:0;border-bottom:1px solid var(--primary-800)}summary{font-size:14px;font-weight:600;min-height:44px;display:list-item;padding:10px 0}form{gap:14px}label{font-size:13px;font-weight:600}input,select{font-size:14px;min-height:44px;border-color:var(--secondary-600)}.hint{font-size:12px;line-height:1.65;margin:0;color:var(--secondary-200)}.inline-feedback{font-size:12px;color:var(--accent-200);margin:0;overflow-wrap:anywhere}.inline-feedback:empty{display:none}.add-source-panel form{margin-top:10px}.add-source-panel button{width:100%;font-size:13px}.panel-footnote{font-size:12px;line-height:1.65;color:var(--secondary-200);margin:20px 0 0}.channel-list{margin:0}.channel-list li{border-color:var(--primary-800);padding:16px 0}.channel-list label{align-items:flex-start;font-size:13px;gap:10px}.channel-list label input{margin-top:4px}.channel-name{display:block;font-size:14px;font-weight:700;overflow-wrap:anywhere}.channel-platform{font-size:11px;letter-spacing:.02em;color:var(--secondary-200);font-weight:400}.source-status{display:block;margin:8px 0 0 30px;color:var(--secondary-200);font-size:12px;line-height:1.5}.source-status[data-state=connected]{color:var(--primary-100)}.source-status[data-state=error]{color:var(--accent-200)}.source-actions{display:flex;gap:8px;margin-top:8px;margin-left:30px;flex-wrap:wrap}.channel-list .source-actions button{font-size:11px;min-height:36px;padding:4px 8px;margin:0;background:transparent;border-color:var(--primary-700);border-radius:6px}
.conversation-panel{border:1px solid var(--secondary-800);background:var(--surface);border-radius:12px;overflow:hidden}.chat-heading{padding:20px;margin:0}.chat-heading h2{font-size:18px}.chat-heading p{font-size:12px;line-height:1.5;margin:4px 0 0;color:var(--secondary-200)}.subtle{font-size:12px;background:transparent;padding:6px 12px}.chat-tools{padding:0 20px 16px;gap:10px;margin:0;border-bottom:1px solid var(--secondary-800);align-items:center}.chat-tools .search-field{flex:1;min-width:0}.chat-tools .channel-select{flex:0 1 160px;min-width:110px}.chat-tools input,.chat-tools select{margin:0;min-height:40px;font-size:12px}.chat-tools input{padding:8px 10px}
#chat-viewport{height:calc(100dvh - 360px);min-height:360px;max-height:900px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;position:relative}#chat-feed{height:auto;min-height:0;max-height:none;overflow:visible;margin:0;padding:0 20px}#chat-feed li{padding:14px 0;font-size:14px;border-color:var(--secondary-900)}#chat-feed li:last-child{border-bottom:0}#chat-feed .message-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:4px}#chat-feed .message-platform{font-size:10px;border:1px solid var(--secondary-700);padding:0 5px;border-radius:4px;line-height:18px;color:var(--secondary-100)}#chat-feed .message-source,#chat-feed time{font-size:11px;color:var(--secondary-300)}#chat-feed time{margin-left:auto;font-variant-numeric:tabular-nums}#chat-feed strong{font-size:13px}#chat-feed p{font-size:14px;line-height:1.65;color:var(--ink);margin:2px 0 0}.chat-empty{min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px 24px;text-align:center}.chat-empty svg{color:var(--primary-400);margin-bottom:20px}.chat-empty h3{font-size:18px;font-weight:600;margin:0 0 10px}.chat-empty p{font-size:13px;max-width:34ch;color:var(--secondary-200);margin:0}.chat-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;min-height:52px;padding:10px 20px;border-top:1px solid var(--secondary-800);color:var(--secondary-200);font-size:11px}.chat-bottom button{min-height:36px;font-size:12px;padding:4px 10px;background:transparent}
.workspace-settings{padding:4px 0 0 4px}.connection-panel,.settings-panel{padding-bottom:20px;border-bottom:1px solid var(--secondary-800)}.connection-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:14px}.micro-label{font-size:10px;color:var(--secondary-300)}#twitch-status{font-size:12px;margin:0 0 12px;overflow-wrap:anywhere}#twitch-connect,#twitch-disconnect{font-size:12px;width:100%;background:transparent;min-height:40px}.connection-help{border:0;padding:8px 0 0}.connection-help summary{font-size:11px;color:var(--secondary-200);min-height:32px;padding:4px 0}.settings-panel{border-top:0;padding-top:8px}.settings-panel>p{margin-bottom:14px}.settings-panel form{margin-top:12px}.settings-panel button{font-size:12px}.settings-panel select{font-size:12px}#event-options{max-height:220px;overflow:auto}#event-options label{font-size:11px;line-height:1.4;font-weight:400;gap:8px;padding:6px 0;min-height:36px}#event-options input{width:16px;min-height:16px}.history-panel{padding-top:20px}.history-panel .panel-heading{margin-bottom:4px}.text-button{border:0;background:transparent;font-size:11px;padding:4px;min-height:36px;color:var(--secondary-200)}.history-list{list-style:none;padding:0;margin:0 0 12px;max-height:230px;overflow:auto}.history-list li{border-bottom:1px solid var(--secondary-900);padding:8px 0}.history-list button{text-align:left;width:100%;background:transparent;border:0;border-radius:6px;padding:6px 8px;font-size:12px;min-height:42px}.history-list button:hover{background:var(--secondary-900)}.history-list button[aria-pressed=true]{background:var(--secondary-900);color:var(--accent-200)}.history-list small{display:block;font-size:11px;color:var(--secondary-200)}.history-empty{font-size:12px;color:var(--secondary-200);padding:12px 0}footer{padding:16px 0;font-size:11px;margin-top:4px}
@media(min-width:1500px){.workspace-grid{grid-template-columns:280px minmax(320px,1fr) 260px;gap:24px}}
@media(max-width:1150px){.v2-shell{padding-inline:24px}.workspace-grid{grid-template-columns:240px minmax(0,1fr)}.workspace-settings{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:4px 0}.workspace-settings>.panel-footnote{grid-column:1/-1;margin-top:0}.connection-panel,.settings-panel{border-bottom:0}.settings-panel,.history-panel{padding-top:0}.chat-tools .channel-select{flex-basis:130px}}
@media(max-width:700px){.v2-shell{padding-inline:16px}header{padding:16px 0}.brand{font-size:22px}.brand span{font-size:10px}main{padding-top:24px}.workspace-heading{align-items:stretch;flex-direction:column;gap:16px}.workspace-heading h1{font-size:24px}.session-controls{justify-content:space-between;flex-wrap:wrap}.session-controls .primary,.session-controls .danger{flex:1}.workspace-notice{font-size:12px;margin-bottom:20px}.workspace-grid{grid-template-columns:minmax(0,1fr);gap:16px}.sources-panel{padding:16px}.workspace-settings{grid-column:auto;grid-template-columns:1fr;gap:20px;padding:12px 4px}.connection-panel,.settings-panel{border-bottom:1px solid var(--secondary-800);padding-bottom:20px}.chat-heading{padding:16px}.chat-tools{padding:0 16px 12px;flex-direction:row;align-items:center}.chat-tools .channel-select{flex-basis:120px}.chat-tools input,.chat-tools select{font-size:16px;min-height:44px}.chat-tools input{font-size:16px}input,select{font-size:16px}#chat-viewport{height:54dvh;min-height:320px}#chat-feed{padding-inline:16px}.chat-bottom{padding-inline:16px}#view-label{display:none}.history-list{max-height:250px}.chat-empty{min-height:320px}.chat-empty h3{font-size:17px}.connection-title{font-size:16px}.settings-panel select{font-size:16px}.sources-panel:has(#channels li) .add-source-panel:not([open]){padding-bottom:0}}

#sources-disclosure{border:0;padding:0}.sources-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;padding:0;min-height:32px;margin-bottom:16px}.sources-summary::-webkit-details-marker{display:none}#sources-disclosure:not([open]) .sources-summary{margin:0}.sources-summary>span:first-child::after{content:' −';font-weight:400;color:var(--secondary-300)}#sources-disclosure:not([open]) .sources-summary>span:first-child::after{content:' +'}#chat-viewport{height:calc(100dvh - 500px)}@media(max-width:700px){.chat-tools{flex-direction:column;align-items:stretch}.chat-tools .search-field,.chat-tools .channel-select{flex:auto}.chat-tools input,.chat-tools select{width:100%}#chat-viewport{height:54dvh}.sources-summary{min-height:44px}}