.brand-icon{display:block;width:22px;height:22px;background:currentColor;mask-position:center;mask-size:contain;mask-repeat:no-repeat}.youtube .brand-icon{mask-image:url('/icons/youtube.svg')}.twitch .brand-icon{mask-image:url('/icons/twitch.svg')}.kick .brand-icon{mask-image:url('/icons/kick.svg')}.tiktok .brand-icon{mask-image:url('/icons/tiktok.svg')}.x .brand-icon{mask-image:url('/icons/x.svg')}.facebook .brand-icon{mask-image:url('/icons/facebook.svg')}.platform-logo.tiktok{background:#eff9f8;color:#172829}.platform-logo.x{background:#eceef2;color:#1d2028}.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}.chat-card{scroll-margin-top:24px;position:relative}.chat-card .card-heading{padding-bottom:18px}.read-only{font-size:12px;letter-spacing:.9px;color:#9298a4;font-weight:650}.chat-toolbar{display:flex;align-items:center;gap:12px;padding:0 20px 15px;border-bottom:1px solid #eef0f4}.chat-toolbar select{font-size:13px;min-height:37px;padding:7px 26px 7px 9px;width:auto;max-width:58%;border-color:#e4e7ee;background:#fafbfc}.chat-toolbar .text-button{margin-left:auto;font-size:12px;white-space:normal;text-align:right}.chat-messages{height:340px;overflow-y:auto;overscroll-behavior:contain;padding:6px 20px;scrollbar-width:thin;scrollbar-color:#d7dce5 transparent}.chat-empty{height:100%;min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px 8px}.chat-empty>.icon{width:38px;height:38px;color:#c8cdd7;margin-bottom:21px;stroke-width:1.2}.chat-empty strong{font-size:15px;font-weight:600;color:#626c7b}.chat-empty p{font-size:14px;color:#8a93a2;line-height:1.7;margin:9px 0 19px;max-width:265px}.chat-empty a{font-size:14px;color:#d96644;text-decoration:none;font-weight:550}.chat-message{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid #f0f2f5;align-items:flex-start}.chat-message:last-child{border-bottom:0}.chat-message>.platform-logo{width:28px;height:28px;border-radius:7px;margin-top:2px}.chat-message .brand-icon{width:15px;height:15px}.chat-message-body{min-width:0;flex:1}.chat-message-meta{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.chat-message-meta strong{font-size:14px;font-weight:650;color:#465064;overflow-wrap:anywhere}.chat-message-meta .chat-source-label{font-size:12px;color:#6c7787}.chat-message-meta time{font-size:12px;color:#737f90;margin-left:auto;font-variant-numeric:tabular-nums}.chat-message-body>p{font-size:15px;line-height:1.6;margin-top:4px;color:#515b6b;white-space:pre-wrap;overflow-wrap:anywhere}.chat-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;color:#959dab;padding:13px 20px;background:#fafbfc;border-top:1px solid #e9ecf2}.chat-footer a{color:#bd6f56;font-size:12px;text-decoration:none}.chat-latest{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:20px;padding:8px 13px;background:#f4512b;color:#fff;box-shadow:0 2px 10px #0002;font-size:12px}.platforms-section{scroll-margin-top:25px;border-top:1px solid #e1e5ec;padding-top:32px;margin-top:32px}.platforms-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:24px}.platforms-heading h2{font-size:27px;letter-spacing:-.8px}.platforms-heading p{font-size:15px;color:#8590a0;margin-top:8px}.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.platform-card{display:flex;flex-direction:column;border:1px solid #e1e5ec;border-radius:11px;background:white;padding:23px;min-width:0}.platform-card-heading{display:flex;align-items:center;gap:12px}.platform-card-heading h3{font-size:17px;font-weight:650;line-height:1.4}.platform-card-heading>div>span{font-size:12px;color:#969dac}.platform-card-heading .platform-logo{width:42px;height:42px}.connection-badge{margin-left:auto;font-size:12px;white-space:nowrap;background:#f1f3f6;color:#878f9d;padding:4px 7px;border-radius:5px}.connection-badge.connected{background:#e9f6ed;color:#397c54}.connection-badge.action_required,.connection-badge.retrying{background:#fff0d9;color:#aa742d}.platform-help{color:#7d8797;font-size:14px;line-height:1.75;margin:17px 0 10px;flex:1}.platform-status{color:#7d8797;font-size:13px;line-height:1.65;min-height:22px;margin-bottom:17px}.platform-account{font-weight:600;color:#596679;font-size:14px;margin-top:14px;overflow-wrap:anywhere}.platform-card-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.platform-card-actions .button{font-size:13px;min-height:40px;padding:9px 13px}.platform-card-actions .text-button{font-size:12px}.disconnect{color:#ad7466}.platform-stream-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px;padding-top:17px;margin-top:19px;border-top:1px solid #eef0f4}.platform-stream-actions .text-button,.platform-stream-actions a{font-size:12px;text-decoration:none;color:#a46b56}.platform-footnote{font-size:13px;line-height:1.8;color:#929aaa;margin:22px 3px}.platform-dialog{max-width:610px}.setup-code{font:13px/1.7 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:#f4f6f9;border:1px solid #e5e9ef;border-radius:6px;color:#566578}.setup-link{font-size:14px;color:#d36645}.setup-state{font-size:14px;line-height:1.7;padding:12px 14px;background:#f4f6f8;border-radius:6px;margin:18px 0;color:#778395}.setup-required{background:#fff5e7;border:1px solid #efdeca;border-radius:7px;padding:17px;margin:15px 0;color:#987048;font-size:14px;line-height:1.7}.setup-required p{margin:8px 0}.setup-required>code{font-size:12px;overflow-wrap:anywhere}.consent-row{align-items:flex-start;font-size:13px;line-height:1.7;color:#8991a0}.consent-row input{margin-top:4px;flex-shrink:0}.platform-dialog .field-help{font-size:13px;line-height:1.8}.platform-dialog .field-help code{font-size:12px;overflow-wrap:anywhere}.chat-card .count{width:auto;min-width:22px;padding:0 5px}.sidebar .nav-item{gap:10px}.page-heading{margin-bottom:26px}
@media(min-width:1550px){.chat-messages{height:390px}.platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-card{padding:21px}.connection-badge{font-size:12px}.chat-message-body>p{font-size:16px}}
@media(max-width:1100px){.connection-badge{white-space:normal;text-align:center;max-width:90px}.platform-card-heading{gap:9px}.platform-card{padding:18px}.chat-card{grid-column:1/-1}.platform-card-heading>div>span{font-size:12px}.platform-card-heading .platform-logo{width:35px;height:35px}.platform-card-heading h3{font-size:16px}}
@media(max-width:1000px){.chat-messages{height:370px}.platform-grid{grid-template-columns:1fr}.platform-card-heading .connection-badge{max-width:none}.platforms-heading{align-items:flex-start}.platforms-heading>.button{font-size:12px}.platforms-heading p{font-size:14px}}
@media(max-width:720px){.sidebar .obs-nav{display:none}.sidebar nav{gap:0}.sidebar .nav-item{padding:6px}.sidebar{gap:7px;padding:15px}.sidebar>.brand{font-size:18px;gap:6px}.sidebar .brand img{width:27px;height:27px}.sidebar .nav-item svg{width:19px;height:19px}.sidebar .nav-item{font-size:0}.platforms-heading{display:block}.platforms-heading>.button{margin-top:15px}.platform-card{padding:20px}.platform-card-actions .button{font-size:14px}.platform-card-heading h3{font-size:17px}.chat-toolbar{padding-left:17px;padding-right:17px}.chat-messages{padding:5px 17px;height:350px}.chat-message-body>p{font-size:16px}.chat-footer{font-size:12px;padding:12px 17px}.chat-message-meta .chat-source-label{font-size:12px}.connection-badge{font-size:12px}.read-only{font-size:12px}}