:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07090c;--canvas:#020304;--surface:#0e1117;--surface-raised:#151922;--surface-hover:#1a1f29;--border:#ffffff14;--border-strong:#ffffff26;--text:#f3f5f7;--muted:#949ba8;--subtle:#68717f;--accent:#5274e6;--accent-strong:#3f5fc9;--accent-ink:#f3f6ff;--accent-border:#5274e661;--accent-glow:#5274e633;--accent-soft:#5274e61a;--accent-faint:#5274e612;--accent-muted:#5274e638;--focus-ring:#5274e6b8;--danger:#ff6b6b;--command-bg:#0a0c11f0;--popover-bg:#0e1117fb;--panel-translucent:#0e1117c7;--input-bg:#090c11;--chat-bg:#0e0e10;--chat-toolbar-bg:#0a0d11;--drawer-bg:#080a0efc;--toast-bg:#20252f;--workspace-glow:#5274e609;--drawer-glow:#5274e60b;--shadow-popover:0 20px 70px #0000008c;--shadow-panel:0 24px 80px #0000003d;--shadow-feedback:0 12px 40px #00000073;--avatar-bg:#1b2029;--avatar-ink:#dce5ff;--media-grid-bg:#20242c;--media-card-bg:#090b0f;--media-frame-inner:#171c25;--media-frame-outer:#080a0d;--media-overlay-bg:#090b0fe0;--media-overlay-border:#ffffff1c;--media-overlay-hover:#ffffff14;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--command-height:48px;--chat-width:360px;--chat-font:Inter, Roobert, "Helvetica Neue", Helvetica, Arial, sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f4f8;--canvas:#e8ecf3;--surface:#fff;--surface-raised:#f7f8fb;--surface-hover:#edf1f7;--border:#141e301a;--border-strong:#141e302e;--text:#171c27;--muted:#5e6878;--subtle:#737e8f;--accent:#3f5fc9;--accent-strong:#304ca8;--accent-ink:#fff;--accent-border:#304ca857;--accent-glow:#3f5fc929;--accent-soft:#3f5fc91c;--accent-faint:#3f5fc912;--accent-muted:#3f5fc933;--focus-ring:#304ca8b3;--danger:#c74650;--command-bg:#ffffffeb;--popover-bg:#fffffffb;--panel-translucent:#ffffffd6;--input-bg:#f8fafc;--chat-bg:#fff;--chat-toolbar-bg:#f5f7fa;--drawer-bg:#fafbfdfc;--toast-bg:#fff;--workspace-glow:#3f5fc90f;--drawer-glow:#3f5fc912;--shadow-popover:0 20px 60px #2630442e;--shadow-panel:0 24px 70px #26304424;--shadow-feedback:0 12px 36px #2630442e;--avatar-bg:#e8edf7;--avatar-ink:#304ca8}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Avenir Next,Avenir,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.38}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--bg);flex-direction:column;width:100%;height:100dvh;min-height:0;display:flex;overflow:hidden}.command-bar{z-index:100;height:var(--command-height);min-height:var(--command-height);padding:0 10px 0 max(12px, env(safe-area-inset-left));border-bottom:1px solid var(--border);background:var(--command-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:12px;display:flex;position:relative}.command-brand{align-items:center;gap:9px;min-width:0;display:flex}.command-brand>span{align-items:baseline;gap:6px;min-width:0;display:flex}.command-brand strong{letter-spacing:-.02em;white-space:nowrap;font-size:12px;font-weight:760}.command-brand small{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;font-size:7px;font-weight:850}.brand-mark{border:1px solid var(--accent-border);background:var(--accent-faint);border-radius:7px;flex:none;place-items:center;width:27px;height:27px;padding:4px;display:grid}.brand-mark svg{width:100%;height:100%;overflow:visible}.brand-mark path{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-width:9px}.brand-mark circle{fill:var(--text)}.command-controls{border:1px solid var(--border);background:var(--surface);scrollbar-width:none;border-radius:10px;align-items:center;gap:2px;min-width:0;height:40px;margin-left:auto;padding:2px;display:flex}.command-controls::-webkit-scrollbar{display:none}.command-button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;padding:0;display:grid}.command-button:hover{background:var(--surface-hover);color:var(--text)}.command-button.is-active{background:var(--accent-soft);color:var(--accent)}.command-divider{background:var(--border);width:1px;height:20px;margin:0 2px}.command-control-wrap{display:inline-flex;position:relative}.account-trigger{overflow:hidden}.icon-button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;place-items:center;padding:0;display:grid}.icon-button:hover{border-color:var(--border);background:var(--surface-hover);color:var(--text)}.icon-button--danger:hover{color:var(--danger)}.primary-button,.secondary-button{border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:9px;font-weight:800;text-decoration:none;display:inline-flex}.primary-button{background:var(--accent);color:var(--accent-ink);border:0}.primary-button:hover{background:var(--accent-strong)}.secondary-button{border:1px solid var(--border);background:var(--surface);color:var(--muted)}.secondary-button:hover,.secondary-button.is-active{border-color:var(--border-strong);background:var(--surface-hover);color:var(--text)}.secondary-button.is-disabled{opacity:.42;pointer-events:none}.popover-scrim{z-index:80;inset:var(--command-height) 0 0;cursor:default;background:0 0;border:0;padding:0;position:fixed}.toolbar-popover{z-index:110;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--popover-bg);width:340px;box-shadow:var(--shadow-popover);color:var(--text);position:absolute;top:calc(100% + 9px);right:0;overflow:hidden}.volume-popover,.settings-popover{max-height:calc(100dvh - var(--command-height) - 14px);overscroll-behavior:contain;overflow-y:auto}.toolbar-popover>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:54px;padding:8px 10px 8px 14px;display:flex}.toolbar-popover>header>div{gap:2px;display:grid}.toolbar-popover>header strong{font-size:11px}.toolbar-popover>header small{color:var(--subtle);font-size:7px}.quick-add-menu{top:calc(var(--command-height) + 9px);right:max(10px, env(safe-area-inset-right));width:min(330px,100vw - 20px);padding:10px;position:fixed;left:auto}.quick-add-menu form{gap:7px;display:grid}.quick-add-menu form>label{color:var(--muted);font-size:8px;font-weight:800}.quick-add-menu form>div{gap:7px;display:flex}.quick-add-menu input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);min-width:0;height:40px;color:var(--text);outline:0;flex:1;padding:0 10px;font-size:9px}.quick-add-menu input:focus{border-color:var(--accent-border)}.quick-add-menu__browse{width:100%;margin-top:8px}.layout-options{border-bottom:1px solid var(--border);gap:4px;padding:8px;display:grid}.layout-options>button{min-height:48px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:26px minmax(0,1fr) 20px;align-items:center;gap:8px;padding:6px 9px;display:grid}.layout-options>button:hover{background:var(--surface-hover);color:var(--text)}.layout-options>button.is-active{border-color:var(--accent-muted);background:var(--accent-faint);color:var(--accent)}.layout-reset-button{width:calc(100% - 16px);min-height:40px;margin:8px}.layout-options>button>span{gap:2px;display:grid}.layout-options strong{color:inherit;font-size:9px}.layout-options small{color:var(--subtle);font-size:7px}.settings-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.settings-section{border-bottom:1px solid var(--border);gap:8px;padding:12px;display:grid}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.theme-options button{border:1px solid var(--border);background:var(--surface-raised);min-height:44px;color:var(--muted);cursor:pointer;border-radius:7px;place-items:center;gap:4px;padding:5px;font-size:7px;font-weight:750;display:grid}.theme-options button:hover{border-color:var(--border-strong);background:var(--surface-hover);color:var(--text)}.theme-options button.is-active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.settings-section--row{justify-content:space-between;align-items:center;gap:12px;min-height:58px;display:flex}.settings-section--row>span{gap:3px;display:grid}.settings-section--row strong{font-size:9px}.settings-section--row small{color:var(--subtle);font-size:7px}.settings-toggle{border:1px solid var(--border);background:var(--surface-raised);width:40px;height:40px;color:var(--muted);cursor:pointer;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.settings-toggle:hover{border-color:var(--border-strong);color:var(--text)}.settings-toggle.is-active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.order-heading{justify-content:space-between;align-items:center;padding:11px 13px 6px;display:flex}.order-heading span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.order-heading small{color:var(--subtle);font-size:7px}.order-list{overscroll-behavior:contain;max-height:min(290px,100dvh - 340px);padding:0 8px 8px;overflow-y:auto}.order-item{border-radius:7px;align-items:center;gap:8px;min-height:42px;padding:3px 4px 3px 7px;display:flex}.order-item:hover{background:var(--surface-hover)}.order-item>strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:8px;font-weight:700;overflow:hidden}.order-actions{display:flex}.order-actions button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.order-actions button:hover{background:var(--surface-raised);color:var(--text)}.volume-list{gap:3px;padding:8px;display:grid}.volume-item{border-radius:8px;grid-template-columns:32px minmax(58px,.7fr) minmax(90px,1fr) 30px;align-items:center;gap:7px;min-height:44px;padding:3px 5px;display:grid}.volume-item:hover{background:var(--surface-hover)}.volume-item>span{text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:700;overflow:hidden}.volume-item input{width:100%;accent-color:var(--accent)}.volume-item input.is-muted{accent-color:var(--muted)}.volume-item small{color:var(--subtle);text-align:right;font-size:7px}.shortcut-list{border-bottom:1px solid var(--border);gap:8px;padding:12px;display:grid}.shortcut-list p{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;margin:0;font-size:7px;display:flex}.shortcut-list kbd{border:1px solid var(--border-strong);background:var(--surface-raised);min-width:22px;color:var(--text);text-align:center;border-radius:5px;padding:3px 5px;font-family:inherit;font-size:7px}.shortcut-list kbd:nth-of-type(3),.shortcut-list kbd:nth-of-type(5){margin-left:5px}.settings-actions{grid-template-columns:1fr 1fr;gap:6px;padding:8px;display:grid}.settings-actions button{border:1px solid var(--border);background:var(--surface-raised);min-height:38px;color:var(--muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:6px;font-size:7px;font-weight:750;display:flex}.settings-actions button:hover{border-color:var(--border-strong);color:var(--text)}.account-popover{width:270px;padding:8px}.account-summary{align-items:center;gap:10px;padding:8px;display:flex}.account-summary>span:last-child{gap:2px;min-width:0;display:grid}.account-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.account-summary small{color:var(--accent);font-size:7px}.account-action{width:100%;min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:0 10px;font-size:8px;font-weight:700;display:flex}.account-action:hover{background:var(--surface-hover);color:var(--text)}.account-action--danger:hover{background:var(--surface-hover);color:var(--danger)}.account-copy{padding:8px 8px 12px}.account-copy strong{font-size:11px}.account-copy p{color:var(--muted);margin:6px 0 0;font-size:8px;line-height:1.55}.account-popover .primary-button{width:100%}.app-body{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.app-body--chat-bottom{flex-direction:column}.viewer-shell{background:var(--canvas);flex:1;min-width:0;min-height:0;display:flex}.viewer-shell[hidden],.video-hidden-state[hidden],.stream-grid[hidden],.stream-card[hidden],.chat-panel[hidden],.chat-channel-tabs[hidden],.chat-all__item[hidden],.chat-all__item>header[hidden]{display:none!important}.workspace{background:radial-gradient(circle at 50% 0%, var(--workspace-glow), transparent 38%), var(--canvas);flex:1;width:100%;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.playback-recovery{z-index:20;white-space:nowrap;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000057}.large-import-confirmation{z-index:30;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);width:min(420px,100% - 32px);color:var(--text);padding:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 50px #0000006b}.large-import-confirmation p{color:var(--muted);margin:8px 0 16px;font-size:11px;line-height:1.5}.large-import-confirmation>div{justify-content:flex-end;gap:8px;display:flex}.workspace-loading{width:100%;height:100%}.video-hidden-state{width:100%;min-height:0;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.video-hidden-state svg{color:var(--accent)}.video-hidden-state strong{color:var(--text);font-size:11px}.empty-workspace{place-items:center;width:100%;height:100%;padding:24px;display:grid}.empty-workspace__content{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel-translucent);width:min(460px,100%);box-shadow:var(--shadow-panel);text-align:center;padding:28px}.empty-workspace__mark{border:1px solid var(--accent-border);background:var(--accent-faint);width:42px;height:42px;color:var(--accent);border-radius:11px;place-items:center;margin:0 auto 15px;display:grid}.empty-workspace h1{letter-spacing:-.035em;margin:0;font-size:22px;font-weight:680}.empty-workspace p{max-width:360px;color:var(--muted);margin:8px auto 18px;font-size:10px;line-height:1.6}.empty-add-form{gap:7px;display:flex}.empty-add-form label{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);flex:1;align-items:center;min-width:0;display:flex}.empty-add-form label:focus-within{border-color:var(--accent-border)}.empty-add-form input{width:100%;min-width:0;height:40px;color:var(--text);background:0 0;border:0;outline:0;padding:0 12px;font-size:10px}.empty-add-form input::placeholder{color:var(--subtle)}.empty-add-form>button{border-radius:var(--radius-sm);background:var(--accent);height:40px;color:var(--accent-ink);cursor:pointer;border:0;padding:0 15px;font-size:9px;font-weight:850}.empty-workspace__actions{justify-content:center;gap:7px;margin-top:10px;display:flex}.stream-grid{background:var(--media-grid-bg);flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:100%;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.stream-grid[data-count="1"]{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.stream-grid[data-count="2"]{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr))}.stream-grid[data-count="3"],.stream-grid[data-count="4"]{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.stream-grid--auto[data-count="3"] .stream-card--lead{grid-column:1/-1}.stream-grid[data-count="5"],.stream-grid[data-count="6"]{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.stream-grid[data-count="7"],.stream-grid[data-count="8"],.stream-grid[data-count="9"]{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.stream-grid--side-by-side:not([data-count="1"]){grid-template-columns:repeat(var(--stream-count), minmax(0, 1fr));grid-template-rows:minmax(0,1fr)}.stream-grid--stack:not([data-count="1"]){grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--stream-count), minmax(0, 1fr))}.stream-grid--focus-left:not([data-count="1"]){grid-template-columns:minmax(0,2fr) minmax(150px,1fr);grid-template-rows:repeat(var(--focus-secondary-count), minmax(0, 1fr))}.stream-grid--focus-left:not([data-count="1"]) .stream-card--lead{grid-area:1/1/-1}.stream-grid--focus-top:not([data-count="1"]){grid-template-columns:repeat(var(--focus-secondary-count), minmax(0, 1fr));grid-template-rows:minmax(0,2fr) minmax(120px,1fr)}.stream-grid--focus-top:not([data-count="1"]) .stream-card--lead{grid-area:1/1/auto/-1}.stream-grid--single{grid-template-rows:minmax(0,1fr)!important;grid-template-columns:minmax(0,1fr)!important}.stream-card{background:var(--media-card-bg);border:1px solid #0000;min-width:0;min-height:0;transition:border-color .1s,box-shadow .1s,filter .1s;position:relative;overflow:hidden}.stream-card:fullscreen{border:0;width:100vw;height:100vh}.stream-card--active-chat{z-index:2;border-color:var(--accent)}.stream-card--focused.stream-card--active-chat{border-color:#0000}.stream-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-3px}.stream-card--unloaded{color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:14px;display:flex}.stream-card--unloaded strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.stream-card--unloaded small{color:var(--muted);font-size:9px}.player-sdk-retry{z-index:3;min-height:40px;position:absolute;bottom:10px;right:10px}.stream-frame{background:radial-gradient(circle at center, var(--media-frame-inner), var(--media-frame-outer) 68%);position:absolute;inset:0}.stream-chat-selector{z-index:2;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.stream-chat-selector:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-3px}.stream-card--dragging{z-index:5;border-color:var(--border-strong);box-shadow:inset 0 0 0 1px var(--border-strong);filter:brightness(.72)}.stream-drag-shield{z-index:100;cursor:grabbing;touch-action:none;position:fixed;inset:0}.stream-card--drop-target{z-index:6;border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent-border), 0 0 22px var(--accent-glow)}.stream-card--confirming{z-index:8}.stream-card[data-swap-animating=true]{z-index:7;will-change:transform}.stream-swap-target{z-index:5;background:var(--accent);color:var(--accent-ink);letter-spacing:.06em;pointer-events:none;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:9px;font-weight:800;animation:.12s ease-out stream-swap-target-in;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 7px 22px #0000006b}@keyframes stream-swap-target-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.86)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.stream-frame iframe,.twitch-player-mount,.twitch-player-mount iframe{border:0;width:100%;height:100%}.twitch-player-mount{position:absolute;inset:0}.stream-overlay{z-index:3;opacity:0;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;transition:opacity .14s;display:flex;position:absolute;top:7px;left:7px;right:7px}.stream-focus-navigation{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%)}.stream-focus-navigation .icon-button{border-color:var(--media-overlay-border);background:var(--media-overlay-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f3f5f7;opacity:.78;pointer-events:auto;width:40px;height:40px;box-shadow:0 5px 18px #00000047}.stream-focus-navigation .icon-button:hover,.stream-focus-navigation .icon-button:focus-visible{background:var(--media-overlay-hover);opacity:1}.stream-card:hover .stream-overlay,.stream-card:focus-within .stream-overlay,.stream-card:focus-visible .stream-overlay,.stream-card--dragging .stream-overlay,.stream-card--drop-target .stream-overlay,.stream-card--confirming .stream-overlay{opacity:1}.stream-remove-scrim{z-index:4;background:0 0;border:0;padding:0;position:absolute;inset:0}.stream-remove-confirmation{z-index:6;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);pointer-events:auto;gap:8px;width:min(176px,100% - 14px);padding:9px;animation:.12s ease-out stream-remove-confirmation-in;display:grid;position:absolute;top:48px;right:7px;box-shadow:0 12px 28px #0000007a}@keyframes stream-remove-confirmation-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.stream-remove-confirmation>div:first-child{gap:2px;min-width:0;display:grid}.stream-remove-confirmation strong{color:var(--text);font-size:9px}.stream-remove-confirmation span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.stream-remove-confirmation__actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.stream-remove-confirmation__actions .secondary-button{min-width:0;padding:0 8px}.stream-remove-confirm-button{border-color:var(--danger);color:var(--danger)}.stream-remove-confirm-button:hover{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}.stream-identity,.stream-actions{border:1px solid var(--media-overlay-border);background:var(--media-overlay-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;color:#f3f5f7;border-radius:8px;align-items:center;padding:3px;display:flex;box-shadow:0 5px 18px #00000047}.stream-identity{pointer-events:auto;gap:7px;min-width:0;padding-right:9px}.stream-identity--draggable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.stream-identity--draggable:active{cursor:grabbing}.stream-drag-handle{width:28px;height:28px;color:var(--subtle);cursor:grab;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;padding:0;display:grid}.stream-drag-handle:hover{background:var(--media-overlay-hover);color:#f3f5f7}.stream-drag-handle:active{cursor:grabbing}.stream-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:750;overflow:hidden}.stream-live{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#e91916;border-radius:4px;padding:3px 5px;font-size:6px;font-weight:850}.stream-vod{border:1px solid var(--accent-border);background:var(--accent-glow);color:var(--accent);letter-spacing:.05em;border-radius:4px;flex:none;padding:2px 5px;font-size:6px;font-weight:850}.stream-actions{flex:none;gap:1px}.stream-actions .icon-button{color:#949ba8;width:29px;height:29px}.stream-actions .icon-button:hover{border-color:var(--media-overlay-border);background:var(--media-overlay-hover);color:#f3f5f7}.stream-avatar{border:1px solid var(--accent-muted);background:linear-gradient(135deg, var(--accent-glow), #9146ff29), var(--avatar-bg);width:32px;height:32px;color:var(--avatar-ink);background-position:50%;background-size:cover;border-radius:9px;flex:none;place-items:center;font-size:10px;font-weight:800;display:grid}.stream-avatar[style*=background-image]{color:#0000}.stream-avatar--small{border-radius:7px;width:27px;height:27px;font-size:8px}.stream-avatar--tiny{border-radius:6px;width:21px;height:21px;font-size:7px}.stream-avatar--account{border-radius:7px;width:25px;height:25px}.chat-panel{width:var(--chat-size,var(--chat-width));flex:0 0 var(--chat-size,var(--chat-width));border-left:1px solid var(--border);background:var(--surface);flex-direction:column;min-width:0;max-width:calc(100% - 240px);min-height:0;display:flex;position:relative;container-type:inline-size}.app-body--chat-bottom .chat-panel{width:100%;max-width:none;height:var(--chat-size,320px);flex:0 0 var(--chat-size,320px);border-top:1px solid var(--border);border-left:0;max-height:calc(100% - 240px)}.app-body--chat-only .chat-panel{border-top:0;border-left:0;flex:100%;width:100%;max-width:none;height:100%;max-height:none}.app-body--chat-only .resize-handle--chat-side,.app-body--chat-only .resize-handle--chat-bottom{display:none}.resize-handle{z-index:5;touch-action:none;background:0 0;border:0;padding:0;position:absolute}.resize-handle:after{content:"";background:0 0;border-radius:999px;transition:background .12s;position:absolute}.resize-handle:hover:after,.resize-handle:focus-visible:after,.resize-handle:active:after,.resize-handle.is-resizing:after{background:var(--accent)}.resize-drag-shield{z-index:100;touch-action:none;position:fixed;inset:0}.resize-drag-shield--vertical{cursor:col-resize}.resize-drag-shield--horizontal{cursor:row-resize}.resize-handle--vertical{cursor:col-resize;width:8px;top:0;bottom:0}.resize-handle--vertical:after{width:2px;top:calc(50% - 22px);bottom:calc(50% - 22px);left:3px}.resize-handle--horizontal{cursor:row-resize;height:8px;left:0;right:0}.resize-handle--horizontal:after{height:2px;top:3px;left:calc(50% - 22px);right:calc(50% - 22px)}.resize-handle--chat-side{left:-4px}.resize-handle--chat-bottom{top:-4px}.resize-handle--stream.resize-handle--vertical{transform:translate(-50%)}.resize-handle--stream.resize-handle--horizontal{transform:translateY(-50%)}.chat-panel__header{border-bottom:1px solid var(--border);flex:0 0 45px;align-items:center;gap:8px;height:45px;padding:0 7px 0 12px;display:flex}.chat-panel__title{align-items:center;gap:7px;display:flex}.chat-panel__title svg{color:var(--accent)}.chat-panel__title strong{font-size:10px}.chat-panel__header>.icon-button{margin-left:1px}.chat-panel-controls{align-items:center;gap:4px;margin-left:auto;display:flex}.chat-panel-switcher{border:1px solid var(--border);background:var(--chat-toolbar-bg);border-radius:7px;align-items:center;gap:2px;height:29px;padding:2px;display:flex}.chat-panel-switcher button{width:23px;min-width:23px;height:23px;color:var(--subtle);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;font-size:7px;font-weight:750;display:grid}.chat-panel-switcher button.is-active{background:var(--surface-hover);color:var(--accent)}@container (max-width:300px){.chat-panel__header--all{gap:4px;padding-left:6px}.chat-panel__header--all .chat-panel__title{display:none}.chat-panel__header--all .chat-panel-controls{gap:2px}}.chat-channel-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;flex:0 0 40px;align-items:center;gap:3px;height:40px;padding:4px 6px;display:flex;overflow-x:auto}.chat-channel-tabs::-webkit-scrollbar{display:none}.chat-channel-tabs button{min-width:0;max-width:145px;height:31px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;align-items:center;gap:6px;padding:0 8px 0 4px;font-size:10px;font-weight:700;display:flex}.chat-channel-tabs button>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-channel-tabs button:hover{background:var(--surface-hover);color:var(--text)}.chat-channel-tabs button.is-active{background:var(--accent-faint);color:var(--accent)}.chat-frame{background:var(--chat-bg);border:0;flex:1;width:100%;min-height:0}.vod-chat-replay{background:var(--chat-bg);min-width:0;min-height:0;font-family:var(--chat-font);flex-direction:column;flex:1;display:flex}.vod-chat-replay__status{border-bottom:1px solid var(--border);min-height:32px;color:var(--subtle);letter-spacing:.05em;text-transform:uppercase;flex:0 0 32px;justify-content:space-between;align-items:center;padding:0 9px;font-size:11px;font-weight:700;display:flex}.vod-chat-replay__messages{overscroll-behavior:contain;flex:1;min-height:0;padding:8px 10px;overflow-y:auto}.vod-chat-message{color:var(--text);overflow-wrap:anywhere;padding:4px 0;font-size:13px;line-height:20px}.vod-chat-message>time{color:var(--subtle);margin-right:5px;font-size:11px}.vod-chat-message__badges{vertical-align:middle;align-items:center;gap:2px;margin-right:4px;display:inline-flex}.vod-chat-message__badges img{width:18px;height:18px}.vod-chat-message>strong{margin-right:4px}.vod-chat-message>strong:after{content:":"}.vod-chat-message__body span{white-space:pre-wrap}.vod-chat-message__body img{vertical-align:middle;width:auto;height:28px;margin:-7px 1px}.vod-chat-replay__loading,.vod-chat-state{color:var(--muted);justify-content:center;align-items:center;gap:7px;padding:14px;font-size:12px;display:flex}.vod-chat-replay__error{border:1px solid color-mix(in srgb, var(--danger) 30%, transparent);border-radius:var(--radius-sm);color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin:8px 0;padding:8px;font-size:11px;display:flex}.vod-chat-replay__error button,.vod-chat-replay__error a{background:var(--surface-raised);min-height:30px;color:var(--text);cursor:pointer;border:0;border-radius:5px;align-items:center;gap:4px;padding:0 7px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.vod-chat-state{text-align:center;flex-direction:column;flex:1;min-height:0}.vod-chat-state strong{color:var(--text);font-size:14px}.vod-chat-state>div{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:5px;display:flex}.chat-all{flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.resize-handle--chat-split{z-index:4}.resize-handle--chat-split.resize-handle--vertical{transform:translate(-50%)}.resize-handle--chat-split.resize-handle--horizontal{transform:translateY(-50%)}.chat-all--columns{flex-direction:row}.chat-all--rows{flex-direction:column}.chat-all__item{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.chat-all--columns .chat-all__item{border-left:1px solid var(--border)}.chat-all--rows .chat-all__item{border-top:1px solid var(--border)}.chat-all--columns .chat-all__item--first{border-left:0}.chat-all--rows .chat-all__item--first{border-top:0}.chat-all__item>header{border-bottom:1px solid var(--border);background:var(--chat-toolbar-bg);flex:0 0 30px;align-items:center;gap:6px;height:30px;padding:0 4px 0 6px;display:flex}.chat-all__item>header strong{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.chat-all__item>header .icon-button{width:26px;height:26px}.chat-all__surface{flex:1;min-width:0;min-height:0;display:flex;position:relative}.drawer-scrim{z-index:80;inset:var(--command-height) 0 0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008a;border:0;padding:0;position:fixed}.browse-drawer{z-index:90;top:var(--command-height);border-left:1px solid var(--border-strong);background:radial-gradient(circle at 80% 0%, var(--drawer-glow), transparent 32%), var(--drawer-bg);flex-direction:column;width:min(480px,100vw);min-width:0;min-height:0;display:flex;position:fixed;bottom:0;right:0;box-shadow:-24px 0 80px #0000005c}.browse-header{border-bottom:1px solid var(--border);flex:0 0 55px;justify-content:space-between;align-items:center;height:55px;padding:0 11px 0 16px;display:flex}.browse-header>div{align-items:center;gap:9px;display:flex}.browse-header>div>svg{color:var(--accent)}.browse-header span{gap:2px;display:grid}.browse-header strong{font-size:12px}.browse-header small{color:var(--subtle);font-size:9px}.browse-search-form{border-bottom:1px solid var(--border);flex:0 0 51px;gap:7px;min-height:51px;padding:7px 9px;display:flex}.browse-search-form label{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--subtle);border-radius:7px;flex:1;align-items:center;gap:7px;padding:0 9px;display:flex}.browse-search-form label:focus-within{border-color:var(--accent-border);color:var(--accent)}.browse-search-form input{width:100%;min-width:0;height:35px;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.browse-search-form label>.icon-button{width:30px;height:30px}.selected-game-bar{border-bottom:1px solid var(--border);flex:0 0 47px;align-items:center;gap:7px;min-height:47px;padding:0 8px;display:flex}.selected-game-bar>span{gap:1px;display:grid}.selected-game-bar strong{font-size:11px}.selected-game-bar small{color:var(--subtle);font-size:9px}.browse-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;flex:0 0 47px;align-items:center;gap:2px;height:47px;padding:0 8px;display:flex;overflow-x:auto}.browse-tabs::-webkit-scrollbar{display:none}.browse-tabs button{height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:10px;font-weight:750;display:inline-flex}.browse-tabs button:hover{color:var(--text)}.browse-tabs button.is-active{background:var(--accent-soft);color:var(--accent)}.browse-results{overscroll-behavior:contain;flex:1;min-height:0;padding:12px;overflow-y:auto}.channel-search-sections{gap:15px;display:grid}.channel-search-sections>section+section{border-top:1px solid var(--border-strong);padding-top:14px}.channel-search-sections h2{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:9px}.channel-detail-bar{border-bottom:1px solid var(--border);flex:0 0 48px;align-items:center;gap:8px;min-height:48px;padding:0 8px;display:flex}.channel-detail-tabs{align-self:stretch;gap:2px;display:flex}.channel-detail-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 13px;font-size:10px;font-weight:800;display:inline-flex}.channel-detail-tabs button.is-active{border-bottom-color:var(--accent);color:var(--accent)}.channel-about{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:4px;display:grid}.channel-about>div:not(.channel-about__live){gap:3px;display:grid}.channel-about h2,.channel-about p{margin:0}.channel-about h2{align-items:center;gap:8px;font-size:14px;display:flex}.channel-about h2 .live-pill{position:static}.channel-about>div>span,.channel-about__live span{color:var(--muted);font-size:10px}.channel-about__live,.channel-about>p,.channel-about>a{grid-column:1/-1}.channel-about__live{border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:var(--accent-glow);gap:4px;padding:10px;font-size:10px;display:grid}.channel-about>p{color:var(--muted);font-size:11px;line-height:1.6}.channel-grid{gap:8px;display:grid}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.game-card{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);cursor:pointer;text-align:left;border-radius:9px;gap:7px;padding:0 0 9px;display:grid;overflow:hidden}.game-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.game-card>span{aspect-ratio:3/4;background:var(--surface-raised) center / cover;display:block}.game-card>strong{text-overflow:ellipsis;white-space:nowrap;padding:0 8px;font-size:10px;overflow:hidden}.channel-result{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:140px minmax(0,1fr);min-width:0;transition:border-color .12s,background .12s;display:grid;position:relative;overflow:hidden}.channel-result:hover,.channel-result:focus-within{border-color:var(--accent-border);background:var(--surface-hover)}.channel-result__open{z-index:1;border-radius:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.channel-result__open:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.channel-result__image{background:linear-gradient(135deg, #5274e61a, #9146ff1f), var(--surface-raised);background-position:50%;background-size:cover;min-height:96px;position:relative}.live-pill{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#e91916;border-radius:4px;padding:3px 6px;font-size:8px;font-style:normal;font-weight:850;position:absolute;top:7px;left:7px}.channel-result__body{flex-direction:column;gap:7px;min-width:0;padding:10px;display:flex}.channel-result__body>div{gap:2px;display:grid}.channel-result__body strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.channel-result__body span,.channel-result__body p{color:var(--muted);font-size:9px}.channel-result__body p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.35;display:-webkit-box;overflow:hidden}.channel-result__body button{border:1px solid var(--border);background:var(--surface-raised);min-height:30px;color:var(--text);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:5px;margin-top:auto;font-size:9px;font-weight:750;display:inline-flex}.channel-result__actions{z-index:2;flex-wrap:wrap;margin-top:auto;position:relative;gap:6px!important;display:flex!important}.channel-result__actions button{flex:112px;min-height:36px;margin-top:0;padding:0 8px}.channel-result__actions .channel-remove-button,.media-card .channel-remove-button{border-color:color-mix(in srgb, var(--danger) 35%, transparent);background:color-mix(in srgb, var(--danger) 8%, var(--surface));color:var(--danger)}.channel-result__actions .primary-button{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.channel-result__actions .primary-button:hover{border-color:var(--accent-strong);background:var(--accent-strong);color:var(--accent-ink)}.channel-result__body button:hover{border-color:var(--accent-border);color:var(--accent)}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.media-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:left;min-width:0;padding:0;display:grid;overflow:hidden}.media-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.media-card__preview{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.media-card>.secondary-button{min-height:36px;margin:0 9px 9px}.media-card__image{aspect-ratio:16/9;background:var(--surface-raised) center / cover;display:block;position:relative}.media-card__image i{width:34px;height:34px;color:var(--accent);background:#080a0ecc;border-radius:50%;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.media-card__image small{color:#fff;background:#000000d1;border-radius:4px;padding:3px 5px;font-size:8px;position:absolute;bottom:6px;right:6px}.media-card__copy{gap:6px;padding:9px;display:grid}.media-card__copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.4;overflow:hidden}.media-card__copy>span{color:var(--subtle);align-items:center;gap:4px;font-size:8px;display:flex}.media-card__copy>span svg:nth-of-type(2){margin-left:5px}.browse-auth-state,.browse-empty,.browse-loading,.browse-error{min-height:190px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:22px;display:flex}.browse-auth-state{flex:1;min-height:0}.browse-auth-state>svg,.browse-empty>svg{color:var(--accent)}.browse-auth-state h2{color:var(--text);margin:4px 0 0;font-size:17px}.browse-auth-state p,.browse-empty p,.browse-error p{max-width:330px;margin:0 0 7px;font-size:11px;line-height:1.6}.browse-error button,.load-more{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:10px;font-weight:750;display:inline-flex}.load-more{margin:15px auto 0}.media-player-overlay{z-index:3;color:#f3f5f7;background:#050609;flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}.media-player-overlay header{border-bottom:1px solid var(--border);flex:0 0 52px;align-items:center;gap:9px;height:52px;padding:0 10px;display:flex}.media-player-overlay header>div{flex:1;gap:2px;min-width:0;display:grid}.media-player-overlay header strong,.media-player-overlay header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-player-overlay header strong{font-size:11px}.media-player-overlay header span{color:#949ba8;font-size:9px}.media-player-overlay iframe{border:0;flex:1;width:100%;min-height:0}.feedback-stack{z-index:140;flex-direction:column;align-items:stretch;gap:8px;width:min(360px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.live-notification-stack{z-index:140;top:calc(var(--command-height) + 12px);width:min(360px,100vw - 32px);position:fixed;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--border-strong);background:var(--toast-bg);min-height:40px;box-shadow:var(--shadow-feedback);border-radius:9px;align-items:center;gap:8px;padding:0 13px;font-size:9px;font-weight:700;animation:.18s ease-out toast-in;display:flex}.live-notification{border:1px solid var(--accent-border);background:var(--surface-raised);box-shadow:var(--shadow-feedback);border-radius:10px;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px 10px;padding:10px;animation:.18s ease-out live-notification-in;display:grid}.live-notification__avatar{border:1px solid var(--border-strong);background-color:var(--surface-hover);width:40px;height:40px;color:var(--text);background-position:50%;background-size:cover;border-radius:50%;grid-row:1/span 2;place-items:center;font-size:12px;font-weight:800;display:grid;overflow:hidden}.live-notification__copy{gap:3px;min-width:0;display:grid}.live-notification__copy strong{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:10px;display:flex;overflow:hidden}.live-notification__copy strong svg{color:var(--danger);flex:none}.live-notification__copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.live-notification__dismiss{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-self:start;place-items:center;display:grid}.live-notification__dismiss:hover{background:var(--surface-hover);color:var(--text)}.live-notification__action{border:1px solid var(--accent-border);background:var(--accent);min-height:40px;color:var(--accent-ink);cursor:pointer;border-radius:7px;grid-column:2/4;padding:0 12px;font-size:9px;font-weight:800}.live-notification__action:hover{background:var(--accent-strong)}.toast svg{color:var(--accent)}.toast--error svg{color:var(--danger)}.spin{animation:.8s linear infinite spin}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes live-notification-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1100px){:root{--chat-width:320px}}@media (orientation:portrait){.stream-grid--auto[data-count="2"]{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1fr)}.stream-grid--auto[data-count="5"],.stream-grid--auto[data-count="6"]{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.command-bar{padding-right:max(6px, env(safe-area-inset-right));padding-left:max(8px, env(safe-area-inset-left))}.command-controls{background:0 0;border:0;flex:1;gap:0;height:42px;overflow:auto hidden}.command-button{width:40px;height:40px}.app-body{width:100%}.viewer-shell,.chat-panel,.app-body--chat-bottom .chat-panel{width:100%;max-width:none}.app-body,.app-body--chat-bottom{flex-direction:column}.viewer-shell{flex:auto}.chat-panel,.app-body--chat-bottom .chat-panel{height:var(--chat-size,360px);flex:0 0 var(--chat-size,360px);border-top:1px solid var(--border);border-left:0;max-height:calc(100% - min(250px,48%))}.app-body--chat-only .chat-panel{border-top:0;flex:100%;height:100%;max-height:none}.resize-handle--chat-side{display:none}.resize-handle--chat-bottom{height:40px;top:-20px}.resize-handle--chat-bottom:after{top:19px}.chat-panel__header{min-height:47px}.chat-panel__header>.icon-button{width:40px;height:40px}.chat-panel-switcher{height:42px;padding:1px}.chat-panel-switcher button{min-width:40px;height:40px}.chat-panel__header--all{gap:4px;padding-left:4px;padding-right:4px}.chat-panel__header--all .chat-panel__title{display:none}.chat-panel__header--all .chat-panel-controls{gap:2px}.chat-channel-tabs{flex-basis:48px;height:48px}.chat-channel-tabs button{height:40px}.toolbar-popover{top:calc(var(--command-height) + 6px);width:min(350px,100vw - 16px);max-height:calc(100dvh - var(--command-height) - 12px);position:fixed;right:8px}.quick-add-menu{right:max(8px, env(safe-area-inset-right));left:max(8px, env(safe-area-inset-left));width:auto}.order-list{max-height:calc(100dvh - 356px)}.browse-drawer{border-left:0;width:100%}.stream-grid{gap:2px}.stream-card{cursor:default!important}.stream-overlay{opacity:1;top:4px;left:4px;right:4px}.stream-remove-confirmation{width:min(184px,100% - 8px);top:50px;right:4px}.stream-identity{max-width:calc(100% - 72px)}.stream-drag-handle,.stream-actions .icon-button{width:40px;height:40px}.stream-actions{flex-direction:column}.resize-handle--chat-split.resize-handle--horizontal{height:40px}.resize-handle--chat-split.resize-handle--horizontal:after{top:calc(50% - 1px)}.resize-handle--chat-split.resize-handle--vertical{width:40px}.resize-handle--chat-split.resize-handle--vertical:after{left:calc(50% - 1px)}.order-actions button{width:40px;height:40px}.feedback-stack{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;left:12px}.live-notification-stack{top:calc(var(--command-height) + 8px);width:calc(100vw - 24px)}.toast{justify-content:center}}@media (max-width:900px) and (orientation:landscape){.command-controls>:first-child{margin-left:auto}.app-body--chat-side:not(.app-body--chat-only){flex-direction:row}.app-body--chat-side:not(.app-body--chat-only) .viewer-shell{width:auto}.app-body--chat-side:not(.app-body--chat-only) .chat-panel{width:var(--chat-size,360px);flex:0 0 var(--chat-size,360px);border-top:0;border-left:1px solid var(--border);max-width:calc(100% - min(250px,48%));height:100%;max-height:none}.app-body--chat-side:not(.app-body--chat-only) .resize-handle--chat-side{width:40px;display:block;left:-20px}.app-body--chat-side:not(.app-body--chat-only) .resize-handle--chat-side:after{left:19px}}@media (max-width:580px){.command-brand>span{display:none}.command-controls{margin-left:auto}.empty-workspace{padding:14px}.empty-workspace__content{padding:22px 16px}.empty-workspace h1{font-size:20px}.empty-add-form>button{padding:0 11px}.empty-workspace__actions{flex-direction:column;align-items:stretch}.browse-header{flex-basis:52px;height:52px}.browse-header>.icon-button{width:40px;height:40px}.browse-tabs{flex-basis:49px;height:49px;padding:0 5px}.browse-tabs button{height:40px;padding:0 7px}.browse-results{padding:8px}.channel-result{grid-template-columns:118px minmax(0,1fr)}.channel-result__actions button,.media-card>.secondary-button{min-height:40px}.media-grid{gap:6px}}@media (max-width:580px),(max-width:900px) and (max-height:580px){.stream-grid[data-dense=true] .stream-identity strong,.stream-grid[data-dense=true] .stream-live,.stream-grid[data-dense=true] .stream-vod{display:none}.stream-grid[data-dense=true] .stream-identity{gap:0;padding-right:3px}.stream-grid[data-dense=true] .stream-overlay{grid-template-columns:repeat(2,40px);grid-auto-rows:40px;place-content:start end;align-items:stretch;gap:0;display:grid;top:0;left:0;right:0}.stream-grid[data-dense=true] .stream-identity,.stream-grid[data-dense=true] .stream-actions{display:contents}.stream-grid[data-dense=true] .stream-identity .stream-avatar{display:none}.stream-grid[data-dense=true] .stream-drag-handle,.stream-grid[data-dense=true] .stream-actions .icon-button{border:1px solid var(--media-overlay-border);background:var(--media-overlay-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:7px;box-shadow:0 5px 18px #00000047}.stream-grid[data-dense=true] .stream-remove-confirmation{top:calc(var(--command-height) + 8px);width:auto;position:fixed;left:12px;right:12px}}@media (hover:none) and (pointer:coarse){.command-controls{height:42px}.command-button,.stream-drag-handle,.stream-actions .icon-button,.chat-panel__header>.icon-button,.volume-item .icon-button,.toolbar-popover>header .icon-button,.order-actions button{width:40px;height:40px}.stream-actions{flex-direction:column}.stream-overlay{opacity:1;top:4px;left:4px;right:4px}.chat-panel__header{min-height:47px}.chat-panel-switcher{height:42px;padding:1px}.chat-panel-switcher button{width:40px;min-width:40px;height:40px}.chat-panel__header--all .chat-panel__title{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}