:root[data-theme=dark]{--bg-color:#0e0e10;--panel-bg:#18181b;--text-color:#efeff1;--border-color:#2f2f35;--btn-bg:#9146ff;--btn-hover:#772ce8}:root[data-theme=light]{--bg-color:#f7f7f8;--panel-bg:#ffffff;--text-color:#0e0e10;--border-color:#dedee3;--btn-bg:#9146ff;--btn-hover:#772ce8}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}body{background-color:var(--bg-color);color:var(--text-color);height:100vh;display:flex;flex-direction:column;overflow:hidden}header{height:48px;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px}.controls{display:flex;align-items:center;gap:10px;font-size:14px}button,input,select{background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);padding:5px 8px;border-radius:4px;outline:0}button{background-color:var(--btn-bg);color:#fff;border:none;cursor:pointer;font-weight:700}button:hover{background-color:var(--btn-hover)}.main-container{flex:1;display:flex;height:calc(100vh - 48px)}#stream-grid{flex:1;display:grid;gap:4px;background-color:#000;padding:4px;overflow-y:auto}.stream-card{position:relative;background-color:#000;width:100%;height:100%;min-height:200px}#stream-grid.is-empty{background-color:var(--bg-color)}.empty-state{align-self:center;justify-self:center;width:min(100%,640px);padding:32px 20px;text-align:center}.empty-state h1{margin-bottom:12px;font-size:28px}.empty-state p{line-height:1.6;opacity:.75}.fast-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}.fast-links a{padding:12px 20px;border-radius:8px;background-color:var(--btn-bg);color:#fff;text-decoration:none;font-weight:700;overflow-wrap:anywhere}.fast-links a:hover{background-color:var(--btn-hover)}.fast-links a:focus-visible{outline:2px solid var(--text-color);outline-offset:4px}.stream-card iframe{width:100%;height:100%;border:none}.remove-btn{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;border:1px solid #fff;border-radius:4px;padding:2px 6px;cursor:pointer;opacity:0;transition:opacity .2s}.stream-card:hover .remove-btn{opacity:1}#chat-panel{width:340px;background-color:var(--panel-bg);border-left:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .2s ease}#chat-panel.collapsed{display:none!important}#chat-panel iframe{width:100%;height:100%;border:none}