@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg-color:#0b0f19;--bg-secondary:#111827;--panel-bg:#131b2e;--panel-bg-hover:#182238;--glass-border:#ffffff14;--glass-border-hover:#ffffff29;--primary-color:#53fca1;--primary-dark:#2cd477;--accent-cyan:#38bdf8;--accent-purple:#a855f7;--accent-pink:#f43f5e;--accent-youtube:#ef4444;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--danger-color:#ef4444}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0b0f19}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#334155}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at 12% 18%,#53fca114 0%,#0000 42%),radial-gradient(circle at 88% 82%,#9146ff12 0%,#0000 48%),radial-gradient(circle,#38bdf80a 0%,#0000 55%),linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:100% 100%,100% 100%,100% 100%,32px 32px,32px 32px;flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex;overflow-x:hidden}#root{flex-direction:column;flex:1;display:flex}.glass-panel{background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:14px;transition:border-color .2s,background-color .2s}.glass-panel:hover{border-color:var(--glass-border-hover)}.text-gradient{color:#fff}.text-primary{color:var(--primary-color)}.text-muted{color:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:.25s ease-out forwards fadeInUp}.animate-scale-up{animation:.2s ease-out forwards scaleUp}.animate-fade-in{animation:.15s ease-out forwards fadeInUp}.toast-notification{z-index:9999;color:var(--text-main);background:#1e293b;border:1px solid #334155;border-radius:10px;align-items:center;gap:.6rem;padding:.75rem 1.2rem;font-size:.88rem;font-weight:600;display:flex;position:fixed;top:1.25rem;right:1.25rem}.app-container{flex-direction:column;gap:1rem;width:100%;max-width:1240px;min-height:100vh;margin:0 auto;padding:1.5rem;display:flex}.glass-header{background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.brand-section{align-items:center;gap:.85rem;display:flex}.brand-icon-wrapper{background:#53fca11a;border:1px solid #53fca133;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.brand-title-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.brand-title-row h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:800;line-height:1.1}.live-status-pill{letter-spacing:.05em;color:var(--primary-color);text-transform:uppercase;background:#53fca11a;border:1px solid #53fca133;border-radius:99px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.65rem;font-weight:700;display:inline-flex}.tool-tag{color:var(--text-muted);align-items:center;gap:.3rem;margin-top:.15rem;font-family:JetBrains Mono,monospace;font-size:.7rem;display:inline-flex}.header-actions{align-items:center;gap:.5rem;display:flex}.header-btn{border-radius:8px;width:36px;height:36px}.room-badge{opacity:.9;background:#0000004d;border-radius:4px;align-items:center;gap:2px;margin-left:4px;padding:.1rem .4rem;font-family:JetBrains Mono,monospace;font-size:.72rem;display:inline-flex}.connection-hero-card{background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:14px;flex-direction:column;gap:.85rem;padding:1.15rem;display:flex}.connection-hero-card.connected-glow{border-color:#53fca14d}.hero-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.hero-title-group{align-items:center;gap:.75rem;display:flex}.hero-title-group h3{font-size:1.05rem;font-weight:700}.hero-title-group p{color:var(--text-muted);font-size:.8rem}.connection-status-badge{border:1px solid var(--glass-border);background:#0b0f19;border-radius:99px;align-items:center;gap:.45rem;padding:.3rem .75rem;display:flex}.status-dot{background-color:var(--text-muted);border-radius:50%;width:8px;height:8px}.status-dot.connected{background-color:var(--primary-color)}.status-dot.connecting{background-color:#f59e0b}.status-dot.error{background-color:var(--danger-color)}.status-text{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:600}.connect-form{gap:.6rem;width:100%;display:flex}.connect-input-group{flex:1;align-items:center;display:flex;position:relative}.connect-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:1rem}.input-clear-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:.2rem;position:absolute;right:.85rem}.input-clear-btn:hover{color:#fff}.connect-input{border:1px solid var(--glass-border);width:100%;color:var(--text-main);background:#0b0f19;border-radius:10px;outline:none;padding:.7rem 2.5rem .7rem 2.6rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.connect-input:focus{border-color:var(--primary-color)}.preset-channels-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.preset-label{color:var(--text-dim);font-size:.75rem;font-weight:600}.preset-chip{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:6px;padding:.2rem .55rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;transition:all .15s}.preset-chip:hover{color:#fff;background:#ffffff14;border-color:#fff3}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.25rem;font-family:inherit;font-size:.88rem;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s;display:flex}.btn-primary{background:var(--primary-color);color:#04090f}.btn-primary:hover{background:var(--primary-dark)}.btn-obs{color:#fff;background:#2563eb}.btn-obs:hover{background:#1d4ed8}.btn-secondary{border:1px solid var(--glass-border);color:var(--text-main);background:#ffffff0f}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff2e}.btn-secondary.danger-hover:hover{border-color:var(--danger-color);color:var(--danger-color);background:#ef444426}.btn-sm{border-radius:8px;padding:.4rem .8rem;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed}.stats-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;display:grid}.stat-card{border-radius:14px;align-items:center;gap:.9rem;padding:1rem 1.15rem;display:flex}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-green{color:var(--primary-color);background:#53fca114;border:1px solid #53fca126}.icon-cyan{color:var(--accent-cyan);background:#38bdf814;border:1px solid #38bdf826}.icon-purple{color:var(--accent-purple);background:#a855f714;border:1px solid #a855f726}.stat-content{flex-direction:column;flex:1;display:flex}.stat-value{letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.room-code-text{color:var(--accent-cyan);font-family:JetBrains Mono,monospace;font-size:1.05rem}.stat-label{color:var(--text-muted);font-size:.78rem;font-weight:500}.stat-badge{letter-spacing:.04em;border-radius:4px;align-items:center;gap:3px;padding:.15rem .45rem;font-size:.62rem;font-weight:700;display:inline-flex}.stat-badge.green{color:var(--primary-color);background:#53fca11a}.stat-badge.cyan{color:var(--accent-cyan);background:#38bdf81a}.stat-badge.purple{color:var(--accent-purple);background:#a855f71f}.now-playing-bar{border-left:4px solid var(--primary-color);background:#131b2e;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;padding:.85rem 1.15rem;display:flex}.now-playing-info{align-items:center;gap:.75rem;display:flex}.pulse-dot.red{background-color:#ef4444;border-radius:50%;width:8px;height:8px}.now-playing-text{flex-direction:column;gap:.1rem;display:flex}.playing-tag{letter-spacing:.05em;color:#ef4444;font-size:.65rem;font-weight:700}.sender-tag{color:var(--primary-color);margin-left:.3rem;font-size:.8rem}.now-playing-actions{gap:.45rem;display:flex}.toolbar-bar{border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;padding:.65rem 1rem;display:flex}.filter-pills{align-items:center;gap:.4rem;display:flex;overflow-x:auto}.filter-pill{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.filter-pill:hover{color:#fff;background:#ffffff14}.filter-pill.active{border-color:var(--primary-color);color:var(--primary-color);background:#53fca11f}.pill-count{background:#00000040;border-radius:5px;padding:.1rem .4rem;font-family:JetBrains Mono,monospace;font-size:.7rem}.toolbar-search-wrapper{align-items:center;gap:.65rem;display:flex}.search-box{min-width:220px;position:relative}.search-input{border:1px solid var(--glass-border);width:100%;color:var(--text-main);background:#0b0f19;border-radius:8px;outline:none;padding:.4rem .85rem .4rem 2.2rem;font-size:.8rem;transition:border-color .15s}.search-input:focus{border-color:var(--primary-color)}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.icon-btn{border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.icon-btn:hover{background:#ffffff1f}.icon-btn.copy:hover{color:var(--primary-color);border-color:var(--primary-color)}.icon-btn.danger:hover{color:var(--danger-color);border-color:var(--danger-color)}.dashboard-grid{scroll-behavior:smooth;border-radius:16px;flex-direction:column;flex:1;min-height:350px;max-height:580px;padding:1.15rem;display:flex;overflow-y:auto}.dashboard-grid::-webkit-scrollbar{width:6px}.dashboard-grid::-webkit-scrollbar-track{background:#0b0f1980;border-radius:4px}.dashboard-grid::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.dashboard-grid::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.chat-resume-scroll-btn{z-index:10;border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aeb;border-radius:99px;align-self:center;align-items:center;gap:.45rem;margin-bottom:.5rem;padding:.45rem .9rem;font-size:.76rem;font-weight:700;transition:all .15s;display:flex;position:sticky;top:10px;box-shadow:0 4px 14px #0006,0 0 12px #53fca133}.chat-resume-scroll-btn:hover{background:var(--primary-color);color:#000;transform:translateY(-1px)}.chat-list{flex-direction:column;gap:.5rem;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;margin:auto;padding:2.5rem 1.25rem;display:flex}.empty-state h3{font-size:1.15rem;font-weight:700}.empty-state p{color:var(--text-muted);max-width:420px;font-size:.85rem;line-height:1.5}.message-item{content-visibility:auto;contain-intrinsic-size:0 50px;cursor:pointer;border-radius:10px;flex-direction:column;gap:.45rem;padding:.6rem .85rem;transition:all .15s;display:flex;position:relative}.message-item:hover{background:#ffffff0d}.message-item.copied-flash{border-color:var(--primary-color)!important;background:#53fca126!important}.message-item.has-link{border-left:3px solid var(--primary-color);background:#0f172a;border-radius:12px;margin:.25rem 0;padding:.95rem 1.15rem}.message-header-row{word-break:break-word;align-items:flex-start;gap:.6rem;line-height:1.5;display:flex}.sender-avatar{border:1px solid var(--glass-border);background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:flex}.message-time{color:var(--text-dim);white-space:nowrap;margin-top:.15rem;font-family:JetBrains Mono,monospace;font-size:.7rem}.message-sender{white-space:nowrap;font-size:.9rem;font-weight:700}.message-separator{color:var(--text-dim);margin-left:-.2rem}.message-text{color:#fff;opacity:.95;flex-wrap:wrap;align-items:center;gap:.2rem;display:inline-flex}.chat-emote{vertical-align:middle;height:26px}.link-extras{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.85rem;margin-top:.4rem;padding-top:.65rem;display:flex}.link-info-container{flex-direction:column;gap:.45rem;display:flex}.link-urls{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.type-badge{color:#000;text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:.15rem .5rem;font-size:.68rem;font-weight:800}.link-url-badge{color:var(--primary-color);word-break:break-all;background:#53fca114;border:1px solid #53fca126;border-radius:6px;padding:.2rem .6rem;font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:600;text-decoration:none}.link-url-badge:hover{background:#53fca129;text-decoration:underline}.link-actions{align-items:center;gap:.4rem;display:flex}.preview-container{cursor:pointer;border:1px solid var(--glass-border);border-radius:10px;max-width:200px;margin-top:.2rem;position:relative;overflow:hidden}.link-preview-img{width:100%;height:auto;display:block}.play-overlay{opacity:0;background:#00000073;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.preview-container:hover .play-overlay{opacity:1}.modal-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--glass-border);background:#111827;border-radius:16px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-title-group{align-items:center;gap:.75rem;display:flex}.modal-icon-badge{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.modal-title-group h3{font-size:1.05rem;font-weight:700}.modal-subtitle{color:var(--text-muted);font-size:.75rem}.modal-body{padding:1.25rem;overflow-y:auto}.obs-inline-panel{background:#111827;border:1px solid #3b82f640;border-radius:14px;flex-direction:column;gap:1rem;padding:1.15rem;display:flex}.obs-panel-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.obs-panel-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.obs-panel-col{flex-direction:column;gap:.85rem;display:flex}.room-config-card{border:1px solid var(--glass-border);background:#0b0f19;border-radius:10px;padding:.9rem}.room-config-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.room-config-title{color:var(--primary-color);align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;display:flex}.room-active-tag{color:var(--accent-cyan);font-family:JetBrains Mono,monospace;font-size:.78rem}.room-input-row{gap:.45rem;display:flex}.room-input{border-radius:8px;padding:.45rem 2.2rem .45rem .75rem;font-size:.85rem}.room-help-text{color:var(--text-muted);margin-top:.4rem;font-size:.75rem;line-height:1.4}.widget-url-section{flex-direction:column;gap:.45rem;display:flex}.section-label{color:var(--text-main);align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:flex}.url-copy-box{flex-wrap:wrap;gap:.45rem;display:flex}.copy-btn{border-radius:8px;padding:0 1.1rem}.btn-change-key{white-space:nowrap;border-radius:8px;padding:0 .9rem;font-size:.8rem}.obs-security-warning{color:#fef08a;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;align-items:center;gap:.55rem;margin-top:.5rem;padding:.55rem .8rem;font-size:.75rem;line-height:1.35;display:flex}.obs-security-warning .warning-icon{flex-shrink:0}.url-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.url-eye-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .15s;display:flex;position:absolute;right:.5rem}.url-eye-btn:hover{color:#fff;background:#ffffff1f}.copy-input-field{border-radius:8px;padding-right:2.2rem;font-family:JetBrains Mono,monospace;font-size:.82rem}.obs-instructions{border:1px solid var(--glass-border);background:#0b0f19;border-radius:10px;padding:.9rem}.obs-instructions h4{align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:.82rem;display:flex}.obs-steps-list{color:var(--text-muted);flex-direction:column;gap:.3rem;padding-left:1.1rem;font-size:.78rem;line-height:1.4;display:flex}.test-buttons-grid{flex-wrap:wrap;gap:.5rem;display:flex}.test-btn{flex:1;min-width:125px;padding:.5rem .75rem;font-size:.78rem}html.widget-mode,body.widget-mode,#root.widget-mode,body.widget-mode #root{background:0 0!important;overflow:hidden!important}.obs-widget-container{box-sizing:border-box;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;display:flex;background:0 0!important}.obs-player-card{flex-direction:column;width:100%;max-width:800px;transition:max-width .25s,width .25s,height .25s;display:flex;overflow:hidden;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.obs-player-card.size-small{max-width:480px}.obs-player-card.size-medium{max-width:800px}.obs-player-card.size-large{max-width:1100px}.obs-player-card.size-fullscreen{width:100vw;max-width:100vw;height:100vh}.obs-player-card.is-vertical{max-width:420px}.obs-player-card.is-vertical.size-small{max-width:320px}.obs-player-card.is-vertical.size-medium{max-width:420px}.obs-player-card.is-vertical.size-large{max-width:560px}.obs-player-card.is-vertical.size-fullscreen{max-width:100vw;height:100vh}.obs-media-frame{aspect-ratio:16/9;justify-content:center;align-items:center;width:100%;display:flex;position:relative;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.obs-media-frame.shorts,.obs-media-frame.reels,.obs-media-frame.tiktok{aspect-ratio:9/16;max-height:75vh}.obs-iframe,.obs-video-element{object-fit:contain;border:none;width:100%;height:100%;pointer-events:none!important}.obs-image-element{object-fit:contain;max-width:100%;max-height:100%}.obs-audio-wrapper{justify-content:center;width:100%;padding:2rem;display:flex}.obs-caption{color:#fff;background:#060a14d9;border-top:1px solid #ffffff14;padding:.65rem 1rem;font-size:.88rem}.custom-link-card{background:var(--panel-bg);border:1px solid #38bdf833;border-radius:14px;flex-direction:column;gap:.85rem;padding:1.15rem;display:flex}.custom-link-header{align-items:center;gap:.75rem;display:flex}.custom-link-header h4{color:#fff;font-size:.98rem;font-weight:700}.custom-link-header p{color:var(--text-muted);font-size:.78rem}.custom-link-form{gap:.6rem;width:100%;display:flex}.size-selector-row{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.size-chip{border:1px solid var(--glass-border);min-width:100px;color:var(--text-muted);cursor:pointer;text-align:center;background:#ffffff0d;border-radius:8px;flex:1;padding:.45rem .6rem;font-size:.76rem;font-weight:600;transition:all .15s}.size-chip:hover{color:#fff;background:#ffffff1f}.size-chip.active{color:#38bdf8;background:#38bdf82e;border-color:#38bdf8;font-weight:700}.view-mode-bar{background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1rem;display:flex}.view-mode-tabs{align-items:center;gap:.5rem;display:flex}.view-tab{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .95rem;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.view-tab:hover{color:#fff;background:#ffffff1f}.view-tab.active{color:#fff;background:#38bdf82e;border-color:#38bdf8;font-weight:700}.tab-count{color:var(--text-muted);background:#ffffff1a;border-radius:6px;padding:.1rem .45rem;font-size:.7rem}.tab-count.highlight{color:#000;background:#38bdf8;font-weight:800}.queue-global-actions{align-items:center;gap:.5rem;display:flex}.queue-list{flex-direction:column;gap:.65rem;padding:.5rem;display:flex}.queue-item-card{background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:.85rem;padding:.75rem 1rem;transition:all .15s;display:flex}.queue-item-card:hover{background:#0f172ad9;border-color:#38bdf84d}.queue-rank-badge{color:#38bdf8;background:#38bdf81f;border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:32px;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:800;display:flex}.queue-thumb{object-fit:cover;border-radius:6px;width:60px;height:40px}.queue-item-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.queue-item-header{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.source-tag{border-radius:4px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.source-tag.chat{color:#53fca1;background:#53fca126}.source-tag.custom{color:#38bdf8;background:#38bdf826}.queue-time{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.7rem}.queue-url-text{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;text-decoration:none;overflow:hidden}.queue-url-text:hover{color:#38bdf8}.queue-item-actions{align-items:center;gap:.35rem;display:flex}@media (width<=992px){.obs-panel-grid{grid-template-columns:1fr;gap:1rem}.now-playing-bar{flex-direction:column;align-items:flex-start;gap:.75rem}.now-playing-actions{flex-wrap:wrap;width:100%}.now-playing-actions .btn{flex:1;justify-content:center;min-width:120px}}@media (width<=768px){.app-container{padding:.75rem .5rem}.header{flex-direction:column;align-items:stretch;gap:.85rem;padding:.85rem}.brand-section{justify-content:space-between;width:100%}.brand-title-row h1{font-size:1.15rem}.header-actions{flex-wrap:wrap;justify-content:space-between;gap:.5rem;width:100%}.header-actions .btn-obs{flex:1;justify-content:center}.connection-hero-card{padding:.85rem}.hero-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.connect-form{flex-direction:column;width:100%}.connect-input-group{width:100%}.connect-input{padding-top:.7rem;padding-bottom:.7rem;font-size:16px}.connect-form .btn{justify-content:center;width:100%}.stats-row{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{gap:.5rem;padding:.75rem}.stat-icon{width:34px;height:34px}.stat-value{font-size:1.1rem}.obs-inline-panel{padding:.85rem}.url-copy-box{flex-direction:column;gap:.4rem}.copy-input-field{border-radius:8px;font-size:16px}.copy-btn{border-radius:8px;justify-content:center;width:100%;padding:.6rem}.custom-link-form{flex-direction:column}.custom-link-actions-row{gap:.4rem;width:100%;display:flex}.custom-link-actions-row .btn{flex:1;justify-content:center}.size-chip,.test-btn{min-width:45%}.view-mode-bar{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem}.view-mode-tabs{flex-direction:column;width:100%}.view-tab{justify-content:space-between;width:100%}.queue-global-actions{width:100%}.queue-global-actions .btn{flex:1;justify-content:center}.toolbar-bar{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem}.filter-pills{width:100%;padding-bottom:.25rem;overflow-x:auto}.filter-pill{white-space:nowrap}.toolbar-search-wrapper,.search-box{width:100%}.search-input{width:100%;font-size:16px}.dashboard-grid{max-height:480px;padding:.75rem}.message-item{padding:.75rem}.message-header-row{flex-wrap:wrap}.message-text{width:100%;margin-top:.25rem}.link-info-container{flex-direction:column;align-items:stretch}.preview-container{width:100%;max-width:100%;height:160px}.link-actions{flex-wrap:wrap;gap:.4rem}.link-actions .btn-sm{flex:1;justify-content:center;min-width:120px}.queue-item-card{flex-direction:column;align-items:stretch;gap:.6rem}.queue-item-header{justify-content:space-between;width:100%}.queue-item-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.queue-item-actions .btn{flex:1;justify-content:center}}@media (width<=480px){.stats-row{grid-template-columns:1fr}.brand-title-row h1{font-size:1rem}.live-status-pill{padding:.15rem .4rem;font-size:.6rem}.size-chip,.test-btn{width:100%;min-width:100%}}@media (width<=768px){.obs-inline-panel{border-radius:12px;gap:.85rem;padding:.85rem}.obs-panel-header{flex-wrap:wrap;gap:.5rem}.obs-panel-header .panel-title-group{flex:1;min-width:0}.obs-panel-header h3{font-size:.95rem}.obs-panel-header .modal-subtitle{font-size:.7rem;line-height:1.35}.room-config-card{padding:.75rem}.room-config-header{flex-wrap:wrap;gap:.35rem}.room-input-row{flex-direction:column;gap:.4rem;width:100%}.room-input-row .connect-input{width:100%;font-size:16px}.room-input-row .btn{justify-content:center;width:100%;padding:.55rem}.widget-url-section{width:100%}.url-copy-box{flex-direction:column;gap:.4rem}.url-copy-box .connect-input{border-radius:8px;width:100%;font-size:16px}.url-copy-box .copy-btn{border-radius:8px;justify-content:center;width:100%;padding:.65rem}.size-selector-row{grid-template-columns:repeat(2,1fr);gap:.4rem;display:grid}.size-chip{width:100%;min-width:0;padding:.5rem .3rem;font-size:.74rem}.test-buttons-grid{grid-template-columns:repeat(2,1fr);gap:.4rem;display:grid}.test-btn{justify-content:center;width:100%;min-width:0;padding:.55rem .35rem;font-size:.74rem}}@media (width<=420px){.size-selector-row,.test-buttons-grid{grid-template-columns:1fr}}.hero-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;margin-bottom:.35rem;display:flex}.hero-top-bar .platform-selector-bar{margin-bottom:0}.platform-selector-bar{border:1px solid var(--glass-border);background:#0b0f1999;border-radius:10px;align-items:center;gap:.5rem;width:fit-content;margin-bottom:.85rem;padding:.3rem;display:flex}.platform-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.45rem;padding:.45rem .9rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.platform-tab-btn:hover{color:var(--text-main);background:#ffffff0a}.platform-tab-btn.active.kick{color:#53fca1;background:#53fca11f;border-color:#53fca159;box-shadow:0 0 12px #53fca126}.platform-tab-btn.active.twitch{color:#a970ff;background:#9146ff24;border-color:#9146ff66;box-shadow:0 0 12px #9146ff33}.platform-tab-btn.active.dual{color:#38bdf8;background:linear-gradient(135deg,#53fca11a,#9146ff1f);border-color:#38bdf866;box-shadow:0 0 12px #38bdf826}.dual-connect-form{flex-direction:column;gap:.75rem;width:100%;display:flex}.dual-inputs-grid{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;display:grid}@media (width<=768px){.dual-inputs-grid{grid-template-columns:1fr}}.platform-input-box{flex-direction:column;gap:.35rem;display:flex}.platform-input-label{text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;display:inline-flex}.platform-input-label.kick{color:#53fca1}.platform-input-label.twitch{color:#a970ff}.platform-source-badge{letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;border-radius:4px;align-items:center;gap:.25rem;padding:.12rem .4rem;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:800;line-height:1;display:inline-flex}.platform-source-badge.kick{color:#53fca1;background:#53fca126;border:1px solid #53fca14d}.platform-source-badge.twitch{color:#a970ff;background:#9146ff29;border:1px solid #9146ff59}.platform-source-badge.custom{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.platform-source-badge .channel-sub-tag{opacity:.88;text-transform:none;letter-spacing:.01em;background:#00000040;border-radius:3px;margin-left:2px;padding:.05rem .3rem;font-size:.62rem;font-weight:700}.connection-hero-card.connected-twitch-glow{border-color:#9146ff59}.connection-hero-card.connected-dual-glow{border-color:#38bdf859}.stat-card.stat-purple{border-color:#9146ff26}.stat-card.stat-purple:hover{border-color:#9146ff4d}.stat-icon.icon-purple,.stat-badge.purple{color:#a970ff;background:#9146ff1a;border:1px solid #9146ff33}.lang-switcher-btn{border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border-radius:8px;align-items:center;gap:.35rem;padding:.42rem .75rem;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.lang-switcher-btn:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px)}