@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#0a0b0d;--bg-secondary:#0f1114;--bg-tertiary:#151821;--bg-quaternary:#1a1f2b;--bg-surface:#1e2332;--color-1:#3df5f5;--color-2:#f53df5;--color-3:#8b55f6;--gradient-bg:conic-gradient(from 0deg at 50% 50%,#0a0b0d 0deg,#1a0f2e 60deg,#0f1419 120deg,#2a1810 180deg,#151821 240deg,#1a1070 300deg,#0a0b0d 360deg);--gradient-primary:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);--gradient-text:linear-gradient(90deg,#667eea,#764ba2 14.28%,#f093fb 28.56%,#f5576c 42.84%,#4facfe 57.12%,#43e97b 71.4%,#38f9d7 85.68%,#667eea);--twitch:linear-gradient(135deg,#9146ff,#b19cd9);--youtube:linear-gradient(135deg,red,#f44);--kick:linear-gradient(135deg,#53fc18,#7aff3f);--success:#0f8;--warning:#fa0;--error:#ff4757;--text-primary:#fff;--text-secondary:#b8c5d6;--text-tertiary:#8892a6;--text-accent:#667eea;--text-accent-rgb:102,126,234;--glass-bg:#ffffff05;--glass-border:#ffffff14;--glass-shadow:0 8px 32px #0000004d;--blur-xs:blur(2px);--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(16px);--blur-xl:blur(32px);--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #00000026;--shadow-lg:0 8px 24px #00000040;--shadow-xl:0 16px 48px #00000059;--shadow-inner:inset 0 2px 4px #0003;--radius-xs:4px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--transition-quick:all 0.1s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55)}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0b0d;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}:focus-visible{border-radius:8px;border-radius:var(--radius-sm);outline:2px solid #667eea;outline:2px solid var(--text-accent);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff14;background:var(--glass-border);border-radius:9999px;border-radius:var(--radius-full);-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-transition:var(--transition-fast);transition:var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:#667eea;background:var(--text-accent);box-shadow:0 0 10px #667eea80}.grain-overlay{animation:grainShift 8s steps(10) infinite;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADzfx3FAAAAFVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////8Urw4DAAAAHElEQVQI12MIDQ0MDEw0NDQwMzAwMDQwMDAzMDAwMDIwMDACEAMoGQTF4cXJAAAAAElFTkSuQmCC) repeat;background-size:8px 8px;inset:0;mix-blend-mode:normal;opacity:1;pointer-events:none;position:fixed;z-index:0}@keyframes grainShift{0%{transform:translate(0)}to{transform:translate(-180px,180px)}}.cursor-glow{background:radial-gradient(circle,#eaa16626 0,#f56f571a 40%,#3b9ef414 60%,#3b9ef403 90%,#0000 100%);border-radius:50%;filter:blur(50px);height:650px;mix-blend-mode:add;opacity:.25;pointer-events:none;position:fixed;width:650px;z-index:1}.app{min-height:100vh;z-index:2}.app,.app-header{position:relative}.app-header{overflow:hidden;padding:4rem 2rem 3rem;text-align:center}.app-header:before{background:radial-gradient(circle at 30% 20%,#667eea14 0,#0000 50%),radial-gradient(circle at 70% 80%,#f5576c0f 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.header-content{margin:0 auto;max-width:900px;position:relative}.app-title{-webkit-text-fill-color:#0000;align-items:center;animation:textGradientFlow 12s ease-in-out infinite;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;display:inline-flex;font-size:clamp(3rem,8vw,6rem);font-weight:900;gap:.3em;letter-spacing:-.04em;line-height:1.2;margin-bottom:2rem;position:relative}@keyframes textGradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.title-icon{align-items:center;animation:float 8s ease-in-out infinite;background:var(--gradient-primary);border-radius:var(--radius-md);display:inline-flex;height:1.2em;justify-content:center;margin-right:.3em;padding:4px;position:relative;width:1.2em}@keyframes float{0%,to{transform:translateY(15px) rotate(1deg)}50%{transform:translateY(5px) rotate(-1deg)}}.title-icon:before{background:var(--bg-primary);border-radius:calc(var(--radius-md) - 2px);content:"";inset:2px;position:absolute}.title-icon:after{color:#fff;content:"○";font-size:.7em;position:relative;z-index:1}.app-main{gap:2.5rem;max-width:1800px;padding:0 2rem 4rem;position:relative;z-index:2}.app-main,.main-content{display:flex;flex-direction:column}.main-content{gap:24px}.chat-preview-section{-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:24px}.section-title{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 20px}.app-main{margin:0 auto;max-width:1600px;width:100%}.main-content{max-width:100%;width:100%}.content-layout{grid-template-columns:minmax(300px,350px) 1fr;width:100%}.platform-section{max-width:350px;position:-webkit-sticky;position:sticky;top:20px;width:100%}.chat-preview-section{overflow:hidden;width:100%}@media (max-width:1400px){.content-layout{gap:24px;grid-template-columns:320px 1fr}}@media (max-width:1200px){.content-layout{gap:20px;grid-template-columns:1fr}.platform-section{max-width:100%;position:static}}@media (max-width:768px){.app-main{gap:2rem;padding:0 1rem 3rem}.app-header{padding:3rem 1rem 2rem}.content-layout{gap:16px}}@media (max-width:480px){.app-title{font-size:2rem}}.main-content-three-column{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:350px 1fr 400px;margin-bottom:32px;max-width:100%;min-height:600px;width:100%}.platform-controls-column{max-width:350px;min-width:0;width:100%}.chat-display-column{-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:100%;min-width:0;padding:24px;width:100%}.obs-config-column{max-width:400px;min-width:0;width:100%}.chat-section-header{margin-bottom:20px}.chat-section-header h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}@media (max-width:1600px){.main-content-three-column{gap:24px;grid-template-columns:320px 1fr 380px}}@media (max-width:1400px){.main-content-three-column{gap:20px;grid-template-columns:300px 1fr 360px}}@media (max-width:1200px){.main-content-three-column{gap:20px;grid-template-columns:1fr}.obs-config-column,.platform-controls-column{max-width:100%}}.kick-connected-controls{display:flex;flex-direction:column;gap:8px}.kick-manual-connect{align-items:center;display:flex;gap:4px}.kick-manual-connect input{flex:1 1;font-size:12px}.kick-manual-connect button{font-size:12px;padding:4px 8px}.emote{border-radius:4px;display:inline-block;font-size:inherit;height:inherit;image-rendering:pixelated;max-height:1.5em;transition:var(--transition-fast);vertical-align:middle}.emote:hover{filter:brightness(1.1);position:relative;transform:scale(1.1);z-index:10}.emote--bttv{filter:drop-shadow(0 1px 2px rgba(139,69,19,.3))}.emote--ffz{filter:drop-shadow(0 1px 2px rgba(255,165,0,.3))}.emote--7tv{filter:drop-shadow(0 1px 2px rgba(0,191,255,.3))}.emote[src=""]{background:var(--bg-tertiary);border:1px solid var(--glass-border);height:1.5em;width:1.5em}.emote.error{display:none}.message-text{align-items:center;display:inline-flex;flex-wrap:wrap;gap:2px;line-height:1.6}.connection-status-compact{align-items:center;-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);box-sizing:border-box;display:flex;font-size:14px;gap:12px;margin-bottom:24px;max-width:100%;padding:12px 20px;transition:var(--transition-fast);width:100%}.connection-status-compact:hover{background:#ffffff14;box-shadow:var(--shadow-lg)}.status-dot{background:#666;border-radius:50%;box-shadow:0 0 0 2px #ffffff1a;height:10px;transition:var(--transition-fast);width:10px}.status-dot.connected{animation:pulse 2s ease-in-out infinite;background:var(--success);box-shadow:0 0 15px #0f86,0 0 0 2px #0f83}.status-dot.disconnected{background:var(--error);box-shadow:0 0 15px #ff475766,0 0 0 2px #ff475733}.status-text{color:var(--text-primary);font-weight:600;text-shadow:0 1px 2px #0000001a}.platform-indicators{display:flex;gap:8px;margin-left:auto}.platform-dot{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:11px;font-weight:700;height:24px;justify-content:center;text-shadow:0 1px 2px #0000004d;transition:var(--transition-fast);width:24px}.platform-dot:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px) scale(1.05)}.platform-dot.twitch{background:linear-gradient(135deg,#9146ff,#b19cd9)}.platform-dot.youtube{background:linear-gradient(135deg,red,#f44)}.platform-dot.kick{background:linear-gradient(135deg,#53fc18,#7aff3f);color:#000}.platform-controls-compact{-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.platform-header{background:#ffffff05;border-bottom:1px solid var(--glass-border);padding:16px}.platform-summary{align-items:center;display:flex;justify-content:space-between}.platform-title{color:var(--text-primary);font-size:16px;font-weight:600}.connection-summary{align-items:center;display:flex;gap:12px}.connection-count{color:var(--text-tertiary);font-size:14px;font-weight:500}.connection-count.has-connections{color:var(--success);font-weight:600}.platform-status-dots{display:flex;gap:4px}.platform-controls-content{padding:16px}.expand-icon{display:none}.platform-control-row{border-bottom:1px solid #ffffff0d;padding:12px 0}.platform-control-row:last-child{border-bottom:none}.platform-label{font-size:14px;font-weight:600;margin-bottom:8px}.platform-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.platform-control-row.twitch .platform-icon{background:#9146ff}.platform-control-row.youtube .platform-icon{background:red}.platform-control-row.kick .platform-icon{background:#53fc18;color:#000}.status-indicator{border-radius:4px;font-size:12px;font-weight:600;margin-left:auto;padding:2px 6px}.status-indicator.connected{background:#00ff881a;color:var(--success)}.status-indicator.disconnected{background:#ff47571a;color:var(--error)}.platform-input-row{display:flex;gap:8px;margin-bottom:8px}.platform-input-compact{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:14px;padding:8px 12px;transition:var(--transition-fast)}.platform-input-compact:focus{border-color:var(--text-accent);box-shadow:0 0 0 2px #667eea26;outline:none}.platform-input-compact::placeholder{color:var(--text-tertiary)}.platform-button-compact{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:var(--transition-fast);white-space:nowrap}.platform-button-compact:hover{box-shadow:0 2px 8px #0000004d;transform:translateY(-1px)}.platform-button-compact:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.platform-button-compact.twitch{background:#9146ff}.platform-button-compact.youtube{background:red}.platform-button-compact.kick{background:#53fc18;color:#000}.auth-button{background:#ff6b35;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:var(--transition-fast)}.auth-button:hover{box-shadow:0 2px 8px #ff6b354d;transform:translateY(-1px)}.find-live-button-compact{background:#ffffff1a;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:var(--transition-fast)}.find-live-button-compact:hover{background:#fff3}@media (max-width:768px){.platform-input-row{flex-direction:column;gap:8px}.platform-controls-content,.platform-header{padding:12px}}.debug-controls{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;display:flex;gap:12px;margin-bottom:24px;max-width:100%;padding:20px;width:100%}.debug-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.debug-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.debug-button:active{transform:translateY(0)}.debug-button.debug-kv:hover{border-color:#667eea;box-shadow:0 0 0 1px #667eea4d}.debug-button.debug-clear:hover{border-color:#ff4757;box-shadow:0 0 0 1px #ff47574d}.debug-button.debug-cache:hover{border-color:#0f8;box-shadow:0 0 0 1px #00ff884d}.debug-button.debug-counts:hover{border-color:#fa0;box-shadow:0 0 0 1px #ffaa004d}.debug-section{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.debug-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.debug-title{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.debug-buttons{display:flex;gap:8px}.debug-output{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.5;max-height:300px;overflow-y:auto;padding:20px;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.debug-controls{flex-wrap:wrap;gap:10px;padding:16px}.debug-button{font-size:13px;padding:10px 16px}}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative}.login-card{-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:580px;overflow:hidden;padding:4rem;position:relative;width:100%}.login-card:before{background:var(--gradient-primary);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.login-header{margin-bottom:3rem;text-align:center}.login-title{-webkit-text-fill-color:#0000;align-items:center;animation:textGradientFlow 12s ease-in-out infinite;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;display:flex;font-size:2.5rem;font-weight:800;gap:.5rem;justify-content:center;letter-spacing:-.02em;margin-bottom:1rem}.login-content{margin-bottom:3rem}.login-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;justify-content:center;overflow:hidden;padding:1.25rem 2rem;position:relative;transition:var(--transition-normal);width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:var(--transition-slow);width:100%}.login-button:hover:before{left:100%}.login-button:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.button-icon{font-size:1.25em}@media (max-width:768px){.login-card{margin:1rem;padding:3rem 2rem}}@media (max-width:480px){.login-card{padding:2rem 1.5rem}.login-title{font-size:2rem}}.obs-config-panel{-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.obs-config-header{background:#ffffff05;border-bottom:1px solid var(--glass-border);padding:20px 24px}.obs-config-header h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.obs-config-content{max-height:70vh;overflow-y:auto;padding:24px}.config-section{margin-bottom:32px}.config-section:last-child{margin-bottom:0}.config-section h4{border-bottom:1px solid #ffffff0d;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.config-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.config-row{display:flex;flex-direction:column;gap:8px}.config-row label{color:var(--text-secondary);font-size:14px;font-weight:500}.config-input,.config-select{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;padding:10px 12px;transition:var(--transition-fast)}.config-input:focus,.config-select:focus{border-color:var(--text-accent);box-shadow:0 0 0 2px #667eea26;outline:none}.config-options{display:flex;flex-direction:column;gap:12px}.config-checkbox,.config-checkbox label{align-items:center;display:flex}.config-checkbox label{color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;gap:12px;transition:var(--transition-fast)}.config-checkbox label:hover{color:var(--text-primary)}.config-checkbox input[type=checkbox]{accent-color:var(--text-accent);height:16px;width:16px}.config-platforms{display:flex;flex-direction:column;gap:12px}.platform-label{align-items:center;display:flex;gap:8px}.platform-indicator{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.platform-indicator.twitch{background:#9146ff}.platform-indicator.youtube{background:red}.platform-indicator.kick{background:#53fc18;color:#000}.url-section{display:flex;flex-direction:column;gap:12px}.url-textarea{background:var(--bg-tertiary);border:1px solid var(--text-accent);border-radius:var(--radius-md);color:var(--text-accent);font-family:JetBrains Mono,monospace;font-size:12px;min-height:80px;padding:12px;resize:vertical;width:100%}.url-textarea:focus{box-shadow:0 0 0 2px #667eea26;outline:none}.copy-button{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:var(--transition-fast)}.copy-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.setup-instructions{background:#ffffff05;border-radius:var(--radius-md);margin-top:16px;padding:16px}.setup-instructions h5{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.setup-instructions ol{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0;padding-left:16px}.setup-instructions li{margin-bottom:4px}.setup-instructions strong{color:var(--text-primary)}.unified-chat-container{--chat-width:400px;--chat-height:600px;--chat-font-size:14px;--container-padding:0.75em;--message-padding:0.5em;--message-gap:0.5em;--bg-color:#000;--bg-opacity:0.8;--border-radius:0.5em;--border-width:0.125em;--border-color:#fff;--border-opacity:0.1;--shadow-enabled:1;--shadow-blur:0.5em;--shadow-offset-x:0.5em;--shadow-offset-y:0.5em;--shadow-color:#000;--shadow-opacity:1;--badge-size:0.8em;--animation-duration:300ms;--animation-delay:100ms;--username-weight:700;--message-line-height:1.4;--username-font-family:"Satoshi",sans-serif;--username-font-weight:700;--message-font-family:"Satoshi",sans-serif;--message-font-weight:400;background:rgba(from var(--bg-color) r g b/var(--bg-opacity));border:var(--border-width) solid rgba(from var(--border-color) r g b/var(--border-opacity));border-radius:var(--border-radius);box-shadow:calc(var(--shadow-enabled)*var(--shadow-offset-x)) calc(var(--shadow-enabled)*var(--shadow-offset-y)) calc(var(--shadow-enabled)*var(--shadow-blur)) rgba(from var(--shadow-color) r g b/var(--shadow-opacity));box-sizing:border-box;font-size:var(--chat-font-size);height:var(--chat-height);line-height:var(--message-line-height);max-width:100%;overflow:hidden;position:relative;width:var(--chat-width)}@supports not (color:rgba(from #000000 r g b/0.8)){.unified-chat-container{background:rgba(0,0,0,var(--bg-opacity));border-color:rgba(255,255,255,var(--border-opacity));box-shadow:calc(var(--shadow-enabled)*var(--shadow-offset-x)) calc(var(--shadow-enabled)*var(--shadow-offset-y)) calc(var(--shadow-enabled)*var(--shadow-blur)) rgba(0,0,0,var(--shadow-opacity))}}.unified-chat-area{-ms-overflow-style:none;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--message-gap);height:100%;line-height:inherit;overflow-y:auto;padding:var(--container-padding);scrollbar-width:none;width:100%}.unified-chat-area::-webkit-scrollbar{display:none}.unified-message{align-items:baseline;display:flex;gap:calc(var(--message-gap)*1.5);line-height:inherit;opacity:1;padding:var(--message-padding) 0}.unified-message.no-animation{animation:none!important;opacity:1!important;transform:none!important}.unified-message.animate-slide{animation:messageSlideIn var(--animation-duration) ease forwards;animation-delay:var(--animation-delay);opacity:0}.unified-message.animate-fade{animation:messageFadeIn var(--animation-duration) ease forwards;animation-delay:var(--animation-delay);opacity:0}.unified-message.animate-bounce{animation:messageBounceIn var(--animation-duration) ease forwards;animation-delay:var(--animation-delay);opacity:0}.unified-badge-wrapper{align-items:center;display:flex;flex-shrink:0;line-height:var(--message-line-height)}.platform-badge-dot{border-radius:50%;border-width:.0625em;box-shadow:0 .125em .375em #0006,inset 0 .0625em 0 #ffffff4d;height:var(--badge-size);width:var(--badge-size)}.unified-badge-wrapper-username-center{align-items:center;display:flex;flex-shrink:0;line-height:1;margin-bottom:calc(var(--chat-font-size)*.1);margin-top:calc(var(--chat-font-size)*.1)}.unified-message-content{flex:1 1;line-height:inherit;min-width:0}.unified-chat-message{font-size:inherit;line-height:inherit}.unified-empty-chat{align-items:center;color:#888;display:flex;flex-direction:column;height:100%;justify-content:center;line-height:inherit;padding:var(--container-padding);text-align:center}.unified-empty-icon{font-size:3em;margin-bottom:1em;opacity:.5}.parsed-message{word-wrap:break-word;background:none;border:none;display:block;line-height:inherit;margin:0;overflow-wrap:break-word;padding:0}.parsed-message--chat{font-size:1em}.parsed-message--system{opacity:.8}.parsed-message--error{color:var(--error)}.message-timestamp{margin-right:.5em}.message-content-wrapper,.message-username{display:inline;line-height:inherit}.message-username{font-family:var(--username-font-family);font-weight:var(--username-font-weight);margin-right:.375em}.message-text{word-wrap:break-word;font-family:var(--message-font-family);font-weight:var(--message-font-weight);overflow-wrap:break-word}.message-system,.message-text,.message-text>span{display:inline;line-height:inherit}.message-system{color:var(--text-secondary);font-style:italic}.message-error{color:var(--error);display:inline;font-weight:600;line-height:inherit}.raw-message{align-items:flex-start;color:var(--text-secondary);display:flex;font-family:JetBrains Mono,monospace;font-size:.9em;gap:.5em;line-height:inherit;padding:var(--message-padding) 0}.raw-message .message-timestamp{color:var(--text-tertiary);flex-shrink:0}.raw-message .message-content{flex:1 1;line-height:inherit;word-break:break-word}.config-indicator{background:#000c;border-radius:.25em;bottom:.25em;color:#fff;font-family:JetBrains Mono,monospace;font-size:.6875em;opacity:.8;padding:.25em .5em;pointer-events:none;position:absolute;right:.25em;transition:opacity .3s ease;z-index:10}.unified-chat-container:hover .config-indicator{opacity:1}.emote{display:inline;height:1.4em;margin:0 .1em;width:auto}.emote,.emote--animated{vertical-align:initial}.message-timestamp{color:var(--text-tertiary);display:inline;font-family:JetBrains Mono,monospace;font-size:.875em;line-height:inherit}@keyframes messageSlideIn{0%{opacity:0;transform:translateX(-1.25em)}to{opacity:1;transform:translateX(0)}}@keyframes messageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes messageBounceIn{0%{opacity:0;transform:scale(.8) translateY(.625em)}60%{opacity:1;transform:scale(1.05) translateY(-.125em)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-slide{animation:messageSlideIn var(--animation-duration) ease forwards}.animate-fade{animation:messageFadeIn var(--animation-duration) ease forwards}.animate-bounce{animation:messageBounceIn var(--animation-duration) ease forwards}@media (max-width:768px){.unified-chat-container{--chat-height:25em;--container-padding:0.5em;--message-gap:0.375em;--message-padding:0.375em}.unified-message{gap:.5em}}@media (prefers-contrast:high){.unified-chat-container{--border-width:0.1875em;--border-opacity:1;--bg-opacity:1}.platform-badge-dot{border:.125em solid}}@media (prefers-reduced-motion:reduce){.unified-message{animation:none!important}.unified-chat-container{--animation-duration:0ms;--animation-delay:0ms}}.message-deleted{color:#666;font-style:italic;opacity:.7}.message-moderation{color:#ff6b6b;font-size:.9em;font-weight:500}.parsed-message--deleted{background:#ff00001a;border-left:2px solid #ff6b6b;opacity:.5;padding-left:.5em}.parsed-message--ban,.parsed-message--delete,.parsed-message--timeout{background:#ff6b6b1a;border-left:2px solid #ff6b6b;padding-left:.5em}@font-face{font-display:swap;font-family:Satoshi;font-style:normal;font-weight:300 900;src:url(/static/media/Satoshi-Variable.536fda9b164542087fc7.ttf) format("truetype-variations")}@font-face{font-display:swap;font-family:Satoshi;font-style:normal;font-weight:300;src:url(/static/media/Satoshi-Light.66b6be60222486fa8673.otf) format("opentype")}@font-face{font-display:swap;font-family:Satoshi;font-style:normal;font-weight:500;src:url(/static/media/Satoshi-Medium.e9d34f0493a853cf10c1.otf) format("opentype")}@font-face{font-display:swap;font-family:Satoshi;font-style:normal;font-weight:700;src:url(/static/media/Satoshi-Bold.b5dd7deee13e32689234.otf) format("opentype")}@font-face{font-display:swap;font-family:Rajdhani;font-style:normal;font-weight:300;src:url(/static/media/Rajdhani-Light.f4370b02715a25b3feca.ttf) format("truetype")}@font-face{font-display:swap;font-family:Rajdhani;font-style:normal;font-weight:400;src:url(/static/media/Rajdhani-Regular.955ad2c739164f2b01b6.ttf) format("truetype")}@font-face{font-display:swap;font-family:Rajdhani;font-style:normal;font-weight:500;src:url(/static/media/Rajdhani-Medium.ad93ad79f70bdbf8f668.ttf) format("truetype")}@font-face{font-display:swap;font-family:Rajdhani;font-style:normal;font-weight:600;src:url(/static/media/Rajdhani-SemiBold.aac5f5aeba80e64c5532.ttf) format("truetype")}@font-face{font-display:swap;font-family:Rajdhani;font-style:normal;font-weight:700;src:url(/static/media/Rajdhani-Bold.0d5cc77aaa325cbb9ce5.ttf) format("truetype")}.main-content{margin:0 auto;max-width:1400px}.content-layout{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:350px 1fr;margin-bottom:32px;max-width:100%}.platform-section{min-width:0}.chat-preview-section{max-width:100%;min-width:0}.obs-config-main-button{max-width:320px;width:auto!important}.debug-controls{margin:0 auto;max-width:1400px}.glass{-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);background:var(--glass-bg);border:1px solid var(--glass-border)}.glass-intense{-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl);background:hsla(0,0%,100%,.065);border:1px solid #ffffff1a}.loading{animation:pulse 1.5s ease-in-out infinite}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@media (max-width:1200px){.content-layout{gap:24px;grid-template-columns:1fr}.platform-section{position:static}.main-content{max-width:100%;padding:0 1rem}}
/*# sourceMappingURL=main.0165d7af.css.map*/