.stream-hub{direction:rtl}.stream-summary{display:flex;align-items:center;gap:28px;padding:18px 0;border-block:1px solid #ffffff12;color:#8e9bab;font-size:12px}.stream-summary>span{display:flex;align-items:center;gap:7px}.stream-summary b{color:#e8edf5;font:600 19px system-ui}.stream-summary i{width:6px;height:6px;border-radius:50%;background:#7ad6a0;box-shadow:0 0 10px #7ad6a044}.stream-summary small{margin-inline-start:auto;font-size:11px}.stream-summary>button{font-size:24px;background:none;border:0;color:#94abc8;cursor:pointer}.stream-toolbar{display:flex;align-items:center;gap:14px;margin:20px 0 24px}.stream-toolbar input{margin:0!important;max-width:310px;font-size:12px!important;padding:12px 14px!important;min-width:0}.stream-toolbar select{margin:0!important;width:150px;font-size:12px!important;padding:11px!important}.stream-filters{display:flex;gap:3px;flex:1;justify-content:center}.stream-filters button{white-space:nowrap;background:transparent;border:1px solid transparent;color:#8997aa;font:inherit;font-size:12px;padding:9px 12px;border-radius:5px;cursor:pointer}.stream-filters button.active{background:#84b3f017;color:#b5d1f5;border-color:#84b3f024}
.home-page .app #streamersGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:start}.broadcast{min-width:0;position:relative;border:1px solid #ffffff0e;border-radius:7px;background:#181d24;overflow:hidden;box-shadow:0 4px 0 #080b10,0 12px 22px #0002;transition:border-color .2s,transform .2s}.broadcast:hover{border-color:#9ac0ed44;transform:translateY(-3px)}.broadcast .content-tools{z-index:4;top:48px!important}.broadcast-cover{aspect-ratio:16/9;position:relative;background:#111821;isolation:isolate;overflow:hidden}.broadcast-cover>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.broadcast:hover .broadcast-cover>img{transform:scale(1.035)}.broadcast-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#080c13cf);pointer-events:none}.broadcast-cover-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:18px;direction:ltr;background:linear-gradient(135deg,#202b38,#10161f);color:#8ba7c8}.broadcast-cover-fallback>span{font:800 70px/.9 system-ui;color:#ffffff0e}.broadcast-cover-fallback>b{font-size:20px;font-weight:500}.broadcast-state{position:absolute;top:12px;right:12px;z-index:2;background:#0a101bdb;border:1px solid #ffffff15;padding:5px 8px;font-size:10px;border-radius:4px;color:#9eacbd}.broadcast-state.is-live{color:#ffacb2;background:#481d2de6;border-color:#ef87932b}.broadcast-favorite{position:absolute;left:12px;top:12px;z-index:3;display:grid;place-items:center;width:30px;height:30px;padding:6px;background:#0a101be0;border:1px solid #ffffff20;border-radius:5px;color:#a1acbb;cursor:pointer}.broadcast-favorite svg{width:18px;height:18px}.broadcast-favorite.selected{color:#efd08e}.broadcast-favorite.selected svg{fill:#efd08e26}.broadcast-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:44px;height:44px;background:#121923bb;border:1px solid #ffffff33;border-radius:50%;color:#e2edff;cursor:pointer}.broadcast-play:active{transform:translate(-50%,-50%) scale(.95)!important}.broadcast-play svg{width:25px;height:25px}.broadcast-viewers{position:absolute;bottom:12px;right:12px;z-index:2;display:flex;align-items:center;gap:6px;color:#edf4ff;font-size:13px}.broadcast-viewers svg{width:17px;height:17px}.broadcast-viewers small{font-size:10px;color:#b4c0d2}.broadcast-platform{position:absolute;bottom:12px;left:12px;z-index:2;font:600 10px system-ui;text-transform:uppercase;letter-spacing:.08em;color:#9ce3aa}.broadcast[data-platform="twitch"] .broadcast-platform{color:#c2a5f8}.broadcast-body{padding:16px}.broadcast-identity{display:flex;gap:11px;align-items:center;min-width:0}.broadcast-identity>img,.broadcast-avatar{width:39px;height:39px;flex:0 0 39px;object-fit:cover;border-radius:8px;background:#29384b}.broadcast-avatar{display:grid;place-items:center;color:#c0d3eb}.broadcast-identity>div{min-width:0;flex:1}.broadcast-identity h3{font-size:15px;font-weight:600;line-height:1.4;margin:0}.broadcast-identity p{font-size:11px;line-height:1.6;color:#8292a8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0}.broadcast-actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px;padding-top:13px;border-top:1px solid #ffffff09}.broadcast-actions button{background:none;border:0;color:#abc9ee;font:inherit;font-size:11px;cursor:pointer;padding:0}.broadcast-actions button:last-child{color:#7e8ca0}.stream-empty{grid-column:1/-1;padding:60px 20px;text-align:center;color:#8d9cb1;font-size:14px}.stream-feedback{font-size:12px;color:#a9c7eb;min-height:18px;margin-top:14px;overflow-wrap:anywhere}
.stream-player-dialog{padding:0;margin:auto;width:min(1100px,94vw);max-height:94dvh;border:1px solid #40526b;border-radius:9px;background:#11171f;color:#e4edfa;box-shadow:0 25px 100px #000b;overflow:auto}.stream-player-dialog::backdrop{background:#060a10dd}.stream-player-heading{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}.stream-player-heading>div{display:flex;align-items:center;gap:14px}.stream-player-heading span{font-size:12px;color:#8fa8c8}.stream-player-heading button{font-size:26px;line-height:1;background:none;color:#c9d8ec;border:0;cursor:pointer}.stream-player-dialog iframe{width:100%;aspect-ratio:16/9;border:0;display:block}.stream-player-actions{display:flex;gap:18px;align-items:center;padding:14px 20px;font-size:12px;color:#9abbeb}.stream-player-actions button{background:none;border:0;color:inherit;font:inherit;cursor:pointer}.stream-demo-note{display:grid;place-items:center;aspect-ratio:16/9;margin:0;padding:24px;text-align:center;background:#080e17;color:#8ca6c7;font-size:14px}
@media(max-width:1050px){.home-page .app #streamersGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stream-toolbar{flex-wrap:wrap}.stream-toolbar input{max-width:none;flex:1;min-width:180px}.stream-filters{order:3;flex-basis:100%;justify-content:flex-start}}
@media(max-width:600px){.home-page .app #streamersGrid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}.stream-summary{gap:14px;flex-wrap:wrap}.stream-summary small{margin-inline-start:0}.stream-summary b{font-size:17px}.stream-toolbar{gap:10px;margin:16px 0}.stream-toolbar input{min-width:140px}.stream-toolbar select{width:126px}.stream-filters{overflow:auto;justify-content:space-between;gap:0}.stream-filters button{padding:8px 9px;font-size:11px}.broadcast-cover{aspect-ratio:16/8.5}.stream-player-heading{padding:12px}.stream-player-heading>div{align-items:flex-start;flex-direction:column;gap:5px}}
.home-page .app #streamersGrid{gap:28px 22px!important}.broadcast{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;overflow:visible}.broadcast-cover{border-radius:6px;box-shadow:0 6px 18px #0002}.broadcast-body{padding:16px 0 0!important}.broadcast-actions{padding-top:12px;margin-top:14px;border-color:#ffffff10}.broadcast-identity h3{font-size:15px;font-weight:500}.broadcast-favorite{border-radius:50%;border:0}.stream-toolbar input,.stream-toolbar select{background:transparent!important;border-radius:0!important;border:0!important;border-bottom:1px solid #ffffff21!important}.stream-filters button{border-radius:0!important;background:none!important;border:0!important;color:#6e7e94}.stream-filters button.active{background:none!important;color:#d2e2f8!important;box-shadow:inset 0 -1px #a0bee8}.stream-summary{border-top:0;padding-top:0}.broadcast-state{border-radius:3px}.stream-filters{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}.stream-feedback:empty{display:none}.broadcast[data-platform="kick"] .broadcast-cover-fallback{background:linear-gradient(135deg,#1b292b,#101619)}.broadcast[data-platform="twitch"] .broadcast-cover-fallback{background:linear-gradient(135deg,#242134,#13141b)}.broadcast-viewers{background:#070d15b8;border-radius:4px;padding:5px 7px;bottom:10px;right:10px}.broadcast-cover-fallback>span{font-size:84px;color:#ffffff12}.broadcast-identity h3 a:hover{color:#adcbf2}.stream-player-dialog{border-radius:6px}.stream-toolbar{flex-wrap:wrap}.stream-filters{flex-basis:100%;order:3;justify-content:flex-start}.stream-toolbar input{flex:1;max-width:none}.stream-toolbar select{width:160px}.broadcast-play{opacity:.9;transition:background .2s}.broadcast-play:hover{background:#d7e5f2;color:#121b28}
@media(max-width:600px){.home-page .app #streamersGrid{gap:28px!important}.stream-filters button{padding:9px 10px;font-size:11px}.stream-toolbar select{width:126px}.broadcast-cover{aspect-ratio:16/9}}