@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(fonts/cairo-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:600;src:url(fonts/cairo-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(fonts/cairo-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(fonts/cairo-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:600;src:url(fonts/cairo-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(fonts/cairo-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(fonts/cairo-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:600;src:url(fonts/cairo-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(fonts/cairo-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#0B0F14;--bg2:#10151C;--panel:#151B24;--panel2:#1C2430;--line:#26303D;--text:#F2F6FA;--muted:#8C99A8;--accent:#19D3C5;--accent2:#7C5CFF;--danger:#FF4D5E;--ok:#38D27A;--accent-rgb:25,211,197;--accent2-rgb:124,92,255;--bg-rgb:11,15,20;--text-rgb:242,246,250;--danger-rgb:255,77,94;--ok-rgb:56,210,122;--panel-rgb:21,27,36;--panel2-rgb:28,36,48;--accent-hi:#5be3d8;--accent-lo:#14a89d;--on-accent:#ffffff}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html, body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}
html{font-size:16px}
body{position:fixed;left:0;top:0;right:0;bottom:0;font-family:Cairo, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-weight:600;font-size:1rem;line-height:1.3;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
button, input{font:inherit;color:inherit}
button{border:0;background:none;padding:0;margin:0;cursor:pointer;text-align:inherit}
img{-webkit-user-drag:none}
[data-f]{outline:none}
input{outline:none}
::-webkit-scrollbar{display:none;width:0;height:0}
.ic{display:inline-block;width:1.5rem;height:1.5rem;line-height:0;flex:none}
.ic svg{width:100%;height:100%;display:block}
.ic .cut{fill:var(--cutc, var(--panel))}
.ic .cutS{stroke:var(--cutc, var(--panel))}
.flip svg{transform:none}
.rtl .flip svg{transform:scaleX(-1)}
#app, #layers{position:absolute;left:0;top:0;right:0;bottom:0}
#layers{pointer-events:none}
#layers > *{pointer-events:auto}
.screen{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;flex-direction:column;overflow:hidden}
.screen.off{display:none}
.layer{position:absolute;left:0;top:0;right:0;bottom:0}
.bgp{background:var(--bg) url(img/pattern.svg) center top / 12rem auto repeat}
.bgp::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%, rgba(var(--bg-rgb), 0) 0%, rgba(var(--bg-rgb), .85) 100%)}
.bgp > *{position:relative}
#splash{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:5}
#splash img{width:12rem;height:auto}
#toast{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);max-width:80%;padding:.6rem 1.4rem;border-radius:2rem;background:rgba(var(--panel2-rgb), .96);color:var(--text);border:1px solid var(--line);font-size:1rem;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s;z-index:50}
#toast.on{opacity:1}
.tb{flex:none;display:flex;align-items:center;height:3.9rem;padding:0 1.2rem;margin:0 .15rem;background:var(--panel);border-radius:0 0 1.3rem 1.3rem;position:relative;z-index:2}
.tb > *{margin-right:.8rem}
.rtl .tb > *{margin-right:0;margin-left:.8rem}
.tb > *:last-child{margin-right:0}
.rtl .tb > *:last-child{margin-right:0;margin-left:0}
.back{width:3.4rem;height:3rem;display:flex;align-items:center;justify-content:flex-start;color:var(--text);border-radius:.8rem;flex:none;padding-left:.5rem}
.rtl .back{padding-left:0;padding-right:.5rem}
.back .ic{width:1.9rem;height:1.9rem}
.back.acc{color:var(--accent)}
.floatback{position:absolute;left:1.6rem;top:1.2rem;z-index:3}
.rtl .floatback{left:auto;right:1.6rem}
.grow{flex:1}
.srch{flex:1;min-width:0;height:2.6rem;border:0;border-radius:.55rem;background:rgba(var(--text-rgb), .09);color:var(--text);padding:0 .9rem;font-size:1.05rem;font-weight:600}
.srch::placeholder{color:var(--muted);opacity:1}
.srch:focus, .fld:focus{box-shadow:0 0 0 .16rem var(--accent);background:rgba(var(--text-rgb), .13)}
.tb-title{font-size:1.35rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-title.acc{color:var(--accent)}
.tb-title.ctr{position:absolute;left:0;right:0;text-align:center;pointer-events:none}
.tb-right{display:flex;align-items:center;flex:none}
.tb-right > *{margin-left:.7rem}
.rtl .tb-right > *{margin-left:0;margin-right:.7rem}
.ib{width:2.3rem;height:2.3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-rgb), .22);color:var(--accent);flex:none}
.ib .ic{width:1.15rem;height:1.15rem}
.ib.g{background:rgba(var(--text-rgb), .55);color:var(--bg)}
.ib.on{background:var(--accent);color:var(--on-accent)}
.ib:focus, .back:focus, .globe:focus, .eye:focus{box-shadow:0 0 0 .2rem var(--accent)}
.ib.g:focus{box-shadow:0 0 0 .2rem var(--accent)}
.btn{display:flex;align-items:center;justify-content:center;min-height:2.4rem;padding:0 1.4rem;border-radius:.55rem;background:linear-gradient(180deg, var(--accent-hi) 0%, var(--accent) 45%, var(--accent-lo) 100%);color:var(--on-accent);font-size:1.05rem;font-weight:700;text-align:center;position:relative}
.btn .ic{width:1.2rem;height:1.2rem;margin-right:.55rem}
.rtl .btn .ic{margin-right:0;margin-left:.55rem}
.btn.ghost{background:rgba(var(--text-rgb), .1);color:var(--text)}
.btn.ghost.on{color:var(--accent)}
.btn.big{width:100%;min-height:2.5rem}
.btn:focus{box-shadow:0 0 0 .2rem var(--text)}
.btn.ghost:focus{box-shadow:0 0 0 .2rem var(--accent)}
.btn[disabled], .btn.busy{opacity:.45;pointer-events:none}
.fld{width:100%;height:2.5rem;border:0;border-radius:.5rem;background:rgba(var(--text-rgb), .09);color:var(--text);padding:0 .8rem;font-size:1.05rem;font-weight:600;margin-bottom:.55rem;display:block}
.fld::placeholder{color:var(--muted);opacity:1;font-weight:500}
.fld[disabled]{opacity:.6}
.pwwrap{position:relative}
.pwwrap .fld{padding-right:2.8rem}
.rtl .pwwrap .fld{padding-right:0;padding-left:2.8rem}
.eye{position:absolute;top:0;height:2.5rem;width:2.5rem;right:0;display:flex;align-items:center;justify-content:center;color:var(--muted);border-radius:.5rem}
.rtl .eye{right:auto;left:0}
.eye .ic{width:1.3rem;height:1.3rem}
.chipbtn{display:inline-flex;align-items:center;height:2.1rem;padding:0 1rem;border-radius:1.1rem;background:rgba(var(--text-rgb), .1);color:var(--text);font-size:.95rem;margin-right:.5rem;margin-bottom:.4rem}
.rtl .chipbtn{margin-right:0;margin-left:.5rem}
.chipbtn.sel{background:var(--accent);color:var(--on-accent)}
.chipbtn:focus{box-shadow:0 0 0 .18rem var(--text)}
.scr-start{align-items:center;justify-content:center}
.globe{position:absolute;left:2.6rem;top:50%;margin-top:-1.2rem;width:2.4rem;height:2.4rem;border-radius:50%;color:var(--text);z-index:3}
.rtl .globe{left:auto;right:2.6rem}
.globe .ic{width:100%;height:100%;--cutc:var(--bg)}
.st-mid{display:flex;flex-direction:column;align-items:center;z-index:2}
.st-wm{width:17rem;height:auto;margin-bottom:.6rem}
.st-card{display:flex;align-items:center;justify-content:center;background:var(--panel);border-radius:1.1rem;padding:1.2rem 1.6rem 1rem;min-width:22rem;box-shadow:0 .6rem 1.6rem rgba(0,0,0,.35)}
.st-tile{flex:1;display:flex;flex-direction:column;align-items:center;border-radius:1rem;padding:.3rem .4rem}
.st-ic{width:4.2rem;height:4.2rem;border-radius:50%;background:rgba(var(--accent-rgb), .3);color:var(--accent);display:flex;align-items:center;justify-content:center}
.st-ic .ic{width:2rem;height:2rem}
.st-lb{margin-top:.5rem;font-size:1.5rem;font-weight:400;color:var(--muted);line-height:1.1}
.st-tile:focus .st-lb{color:var(--text)}
.st-tile:focus .st-ic{box-shadow:0 0 0 .22rem var(--accent);background:rgba(var(--accent-rgb), .45)}
.st-div{width:2px;height:5.2rem;background:rgba(var(--accent-rgb), .55);margin:0 1.4rem;flex:none}
.st-saved{margin-top:1.1rem;min-height:2.2rem;font-size:.95rem}
.st-ver{position:absolute;bottom:.8rem;left:0;right:0;text-align:center;color:var(--muted);font-size:.8rem;font-weight:400;opacity:.7}
.srv-body{flex:1;position:relative;padding:.7rem .4rem 0;display:flex;flex-direction:column;min-height:0}
.vg{position:relative;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;-webkit-overflow-scrolling:touch}
.vg-in{position:relative;width:100%}
.vg-row{position:absolute;left:0;right:0}
.vg .tile{position:absolute;padding:.3rem;display:block}
.tile:focus{z-index:1}
.cell{position:relative;width:100%;height:100%;border-radius:.9rem;overflow:hidden;background:var(--panel)}
.tile:focus .cell, .ci:focus .cell, .tile.hov .cell{box-shadow:0 0 0 .2rem var(--accent)}
.tile:focus .cell{background-color:var(--panel2)}
.srv-cell{display:flex;align-items:center;padding:.5rem .7rem;background:linear-gradient(90deg, rgb(var(--panel2-rgb)) 0%, rgb(var(--panel2-rgb)) 100%);border:1px solid rgba(var(--text-rgb), .1)}
.rtl .srv-cell{flex-direction:row}
.srv-logo{width:3.3rem;height:3.3rem;border-radius:.7rem;overflow:hidden;background:rgba(var(--bg-rgb), .55);flex:none;display:flex;align-items:center;justify-content:center}
.cell .srv-logo img{position:static;width:100%;height:100%;object-fit:cover;display:block}
.srv-init{font-size:1.6rem;font-weight:700;color:var(--accent)}
.srv-name{flex:1;text-align:center;font-size:1.1rem;font-weight:700;padding:0 .3rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.2}
.empty{position:absolute;left:0;right:0;top:30%;text-align:center;color:var(--muted);font-size:1.1rem;padding:0 1rem}
.srv-body > .btn{position:absolute;left:50%;top:45%;transform:translateX(-50%)}
.scr-split{flex-direction:row;align-items:stretch}
.sp-left, .sp-right{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;padding:1rem}
.sp-wm{width:70%;max-width:20rem;height:auto}
.pcard{width:100%;max-width:21rem;background:var(--panel);border-radius:1.4rem;padding:1.1rem 1.1rem 1.2rem;box-shadow:0 .6rem 2rem rgba(0,0,0,.4)}
.ptitle{margin:0 0 .6rem;font-size:1.55rem;font-weight:700;padding:0 .2rem}
.perr{min-height:1.3rem;margin-top:.6rem;color:var(--danger);font-size:.95rem;text-align:center;font-weight:600}
.pcard .btn.big{margin-top:.15rem}
.ring{width:12.5rem;height:12.5rem;border-radius:50%;border:.22rem solid rgba(var(--text-rgb), .88);display:flex;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--panel-rgb), .6)}
.ring img{width:78%;height:78%;object-fit:contain;display:block}
.badge{margin-top:1rem;width:14rem;height:3.3rem;border-radius:.7rem;background:rgba(var(--panel-rgb), .9);color:var(--accent);display:flex;align-items:center;justify-content:center}
.badge .ic{width:1.5rem;height:1.5rem}
.badge .bn{margin-left:.6rem;font-size:.95rem;color:var(--muted);max-width:9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.rtl .badge .bn{margin-left:0;margin-right:.6rem}
.badge:focus{box-shadow:0 0 0 .2rem var(--accent)}
.dim{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, .5);display:none;align-items:center;justify-content:center;z-index:4}
.au.busy .dim{display:flex}
.au.busy .pcard .btn{background:rgba(var(--danger-rgb), .0);background:linear-gradient(180deg, var(--accent-lo), var(--accent-lo))}
.spin{position:relative;width:3.2rem;height:3.2rem}
.spin i{position:absolute;left:50%;top:50%;width:.24rem;height:.8rem;margin:-.4rem 0 0 -.12rem;border-radius:.12rem;background:var(--text);opacity:.15;animation:spf 1.2s linear infinite}
@keyframes spf{0% { opacity: 1; } 100% { opacity: .12; }}
.dl .dl-col{width:100%;max-width:21rem}
.dl-title{text-align:center;font-size:1.9rem;font-weight:700;color:rgba(var(--text-rgb), .22);margin-bottom:.9rem}
.dl-row{position:relative;display:flex;align-items:center;justify-content:space-between;height:2.9rem;margin-bottom:.55rem;padding:0 1rem;border-radius:.6rem;background:var(--panel);overflow:hidden;font-size:1rem;font-weight:700}
.dl-row > span{position:relative;z-index:1}
.dl-pct{color:var(--muted);font-weight:500}
.dl-bar{position:absolute;left:0;bottom:0;height:.2rem;width:0;background:var(--accent);transition:width .15s}
.rtl .dl-bar{left:auto;right:0}
.dl-msg{text-align:center;color:var(--danger);margin-top:.6rem;min-height:1.3rem;font-size:.95rem}
.dl .btn.big{margin-top:.2rem}
.scr-notice{align-items:center;justify-content:center}
.nt-card{background:var(--panel);border-radius:1.4rem;padding:1.6rem;width:90%;max-width:26rem;text-align:center;display:flex;flex-direction:column;align-items:center}
.nt-mk{width:5rem;height:5rem;margin-bottom:.8rem}
.nt-msg{color:var(--muted);font-size:1.05rem;margin:.2rem 0 1.2rem;white-space:pre-wrap;word-break:break-word}
.scr-home{background:var(--bg)}
.home-tb{justify-content:space-between}
.home-tb .tb-title{flex:none;max-width:32%;font-size:1.45rem}
.tb-logo{position:absolute;left:50%;top:50%;width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem;display:flex;align-items:center;justify-content:center;margin-right:0}
.rtl .tb-logo{margin-right:0;margin-left:0}
.tb-logo img{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem}
.home-rows{flex:1;display:flex;flex-direction:column;justify-content:center;padding:.9rem 0 .5rem 1.8rem;min-height:0}
.rtl .home-rows{padding:.9rem 1.8rem .5rem 0}
.hrow{display:flex;align-items:center;height:5.9rem;margin-bottom:1.1rem;flex:none}
.htile{flex:none;width:17.2rem;height:100%;border-radius:.9rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.4rem;background:rgba(var(--accent-rgb), .13);border:1px solid rgba(var(--accent-rgb), .3);color:var(--accent);box-shadow:0 .3rem .8rem rgba(0,0,0,.3)}
.htile .ic{width:3.2rem;height:3.2rem;--cutc:rgb(var(--bg-rgb))}
.htile .hl{flex:1;text-align:center;font-size:2.3rem;font-weight:700;color:var(--text);padding:0 .2rem}
.htile:focus{box-shadow:0 0 0 .22rem var(--accent);background:rgba(var(--accent-rgb), .22)}
.car{flex:1;min-width:0;height:100%;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;padding:.3rem .4rem;margin:0 0 0 .5rem;-webkit-overflow-scrolling:touch}
.rtl .car{margin:0 .5rem 0 0}
.car-empty{color:var(--muted);font-weight:500;padding:0 1rem}
.ci{flex:none;height:100%;display:block;margin-right:.55rem;padding:.12rem}
.rtl .ci{margin-right:0;margin-left:.55rem}
.car.live .ci{width:5.9rem}
.car.poster .ci{width:4rem}
.ci .cell{border-radius:.7rem}
.cell img{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.lv img{object-fit:contain;padding:.12rem;border-radius:.8rem}
.lv{background:rgba(var(--text-rgb), .05);border:1px solid rgba(var(--text-rgb), .06)}
.pz img{object-fit:cover}
.cell.noimg{background:linear-gradient(145deg, var(--panel2), var(--panel))}
.cell.noimg::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:url(img/pattern.svg) center / 4rem auto;opacity:.9}
.cap{position:absolute;left:0;right:0;bottom:0;padding:1.1rem .45rem .4rem;font-size:.8rem;font-weight:700;line-height:1.15;text-align:center;color:#fff;background:linear-gradient(180deg, transparent, rgba(0,0,0,.85));opacity:0;transition:opacity .12s;overflow:hidden;max-height:70%;word-break:break-word}
.tile:focus .cap, .ci:focus .cap, .tile.hov .cap, .noimg .cap{opacity:1}
.noimg .cap{background:none;top:0;display:flex;align-items:center;justify-content:center;padding:.4rem}
.fvb{position:absolute;top:.25rem;right:.25rem;font-size:.8rem;color:var(--danger);text-shadow:0 0 .3rem rgba(0,0,0,.8);line-height:1;z-index:1}
.rtl .fvb{right:auto;left:.25rem}
.rtb{position:absolute;top:.25rem;left:.25rem;background:rgba(0,0,0,.65);color:#ffd54a;font-size:.66rem;padding:.08rem .3rem;border-radius:.3rem;line-height:1.2;z-index:1}
.rtl .rtb{left:auto;right:.25rem}
.pbar{display:block;position:absolute;left:.4rem;right:.4rem;bottom:.3rem;height:.22rem;border-radius:.11rem;background:rgba(255,255,255,.28);overflow:hidden;z-index:1}
.pbar i{display:block;height:100%;background:var(--accent)}
.cap + .pbar{bottom:.18rem}
.br-body{flex:1;display:flex;min-height:0;padding:.7rem 1.1rem 0 1.4rem}
.rtl .br-body{padding:.7rem 1.4rem 0 1.1rem}
.side{width:29.5%;max-width:21rem;flex:none;display:flex;flex-direction:column;min-height:0}
.main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;min-height:0;margin-left:.7rem}
.rtl .main{margin-left:0;margin-right:.7rem}
.vg-side .tile{padding:.26rem .1rem}
.cell.cat{display:flex;align-items:center;justify-content:space-between;padding:0 .9rem;border-radius:.8rem}
.cat .cn{flex:1;font-size:1.1rem;font-weight:700;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}
.cat .cc{color:var(--accent);font-size:1.2rem;font-weight:700;margin-left:.6rem;flex:none}
.rtl .cat .cc{margin-left:0;margin-right:.6rem}
.vg-side .tile.sel .cell{background:var(--panel2);box-shadow:inset .22rem 0 0 var(--accent)}
.rtl .vg-side .tile.sel .cell{box-shadow:inset -.22rem 0 0 var(--accent)}
.vg-side .tile.sel:focus .cell{box-shadow:0 0 0 .2rem var(--accent)}
.vg-main .tile{padding:.26rem}
.vg-main.g-live .cell{border-radius:1rem}
.vg-main.g-poster .cell{border-radius:.8rem}
.sh-eps .empty, .main .empty{top:25%}
.scr-more{background:var(--bg)}
.mo-body{flex:1;display:flex;padding:1rem 1.6rem 1rem;min-height:0;overflow-y:auto}
.mo-left{width:35%;max-width:21rem;flex:none;margin-right:1.2rem}
.rtl .mo-left{margin-right:0;margin-left:1.2rem}
.mo-right{flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;margin:-.35rem}
.ucard{background:var(--panel);border-radius:1.2rem;padding:.9rem 1rem .8rem;box-shadow:0 .4rem 1rem rgba(0,0,0,.35)}
.uhead{display:flex;align-items:center;padding-bottom:.6rem;border-bottom:1px solid var(--line);margin-bottom:.5rem}
.uav{width:3.4rem;height:3.4rem;border-radius:50%;border:.2rem solid var(--ok);display:flex;align-items:center;justify-content:center;background:rgba(var(--text-rgb), .1);color:var(--text);flex:none;margin-right:.8rem;overflow:hidden}
.rtl .uav{margin-right:0;margin-left:.8rem}
.uav .ic{width:2.1rem;height:2.1rem;--cutc:var(--panel);margin-top:.25rem}
.unm{font-size:1.3rem;font-weight:700;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.usub{font-size:.95rem;font-weight:500;color:var(--muted)}
.ukv{display:flex;align-items:center;font-size:.78rem;margin:.3rem 0;font-weight:700}
.ukv .ic{width:1.05rem;height:1.05rem;margin-right:.5rem;color:var(--text);--cutc:var(--panel)}
.rtl .ukv .ic{margin-right:0;margin-left:.5rem}
.ukv .kk{flex:1}
.ukv .vv{color:var(--muted);font-weight:500;text-align:right;margin-left:.5rem}
.rtl .ukv .vv{text-align:left;margin-left:0;margin-right:.5rem}
.ukv .vv.a{color:var(--accent)}
.ukv .vv.bad{color:var(--danger);font-weight:700}
.mo-left .btn{margin-top:.9rem;width:100%;min-height:2.5rem}
.mtile{width:50%;padding:.35rem;display:block}
.mt-in{display:flex;align-items:center;height:4.5rem;padding:0 1rem;background:var(--panel);border-radius:.8rem;box-shadow:0 .3rem .8rem rgba(0,0,0,.3)}
.mt-ic{width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(var(--accent-rgb), .22);color:var(--accent);display:flex;align-items:center;justify-content:center;flex:none;margin-right:.9rem;--cutc:var(--panel)}
.rtl .mt-ic{margin-right:0;margin-left:.9rem}
.mt-ic .ic{width:1.45rem;height:1.45rem}
.mt-lb{font-size:1.35rem;font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mtile:focus .mt-in{box-shadow:0 0 0 .2rem var(--accent);background:var(--panel2)}
.pg-body{flex:1;overflow-y:auto;padding:1rem 1.6rem 2rem;min-height:0}
.pg-in{max-width:44rem;margin:0 auto}
.srow{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:3.6rem;padding:.5rem 1.1rem;margin-bottom:.55rem;background:var(--panel);border-radius:.8rem;font-size:1.15rem;font-weight:700}
.srow .sv{color:var(--accent);font-weight:600;font-size:1rem;margin-left:1rem;text-align:right}
.rtl .srow .sv{margin-left:0;margin-right:1rem;text-align:left}
.srow .sd{color:var(--muted);font-weight:500;font-size:.85rem;display:block}
.srow:focus{box-shadow:0 0 0 .2rem var(--accent);background:var(--panel2)}
.sh2{margin:1rem .3rem .5rem;color:var(--muted);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.rowa{display:flex;align-items:center;background:var(--panel);border-radius:.8rem;margin-bottom:.5rem;padding:.35rem .4rem .35rem 1rem;min-height:3.2rem}
.rtl .rowa{padding:.35rem 1rem .35rem .4rem}
.rowa .rn{flex:1;min-width:0;font-size:1.05rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rowa .rs{color:var(--muted);font-weight:500;font-size:.85rem}
.rowa .btn{min-height:2.2rem;margin-left:.5rem;padding:0 1rem;font-size:.95rem}
.rtl .rowa .btn{margin-left:0;margin-right:.5rem}
.rowa .ib{margin-left:.4rem}
.rtl .rowa .ib{margin-left:0;margin-right:.4rem}
.ms-body{flex:1;overflow-y:auto;padding:.6rem 1.4rem 2rem;min-height:0}
.ms-h{display:flex;align-items:center;margin:.8rem 0 .3rem;font-size:1.15rem;font-weight:700}
.ms-h .cn2{color:var(--accent);margin-left:.6rem;font-size:1rem}
.rtl .ms-h .cn2{margin-left:0;margin-right:.6rem}
.ms-car{display:flex;overflow-x:auto;overflow-y:hidden;padding:.3rem 0;height:7.6rem}
.ms-car.p{height:9.2rem}
.ms-car .ci{height:100%}
.ms-car.live .ci{width:7.2rem}
.ms-car.p .ci{width:5.9rem}
.modal{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.66);display:flex;align-items:center;justify-content:center;z-index:20}
.mbox{width:90%;max-width:26rem;max-height:86%;display:flex;flex-direction:column;background:var(--panel);border-radius:1.2rem;padding:1rem;box-shadow:0 1rem 3rem rgba(0,0,0,.6);border:1px solid var(--line)}
.mbox.wide{max-width:38rem}
.mbox.small{max-width:22rem}
.mtitle{font-size:1.3rem;font-weight:700;text-align:center;margin:.1rem 0 .7rem;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mbody{overflow-y:auto;min-height:0;flex:1}
.mmsg{text-align:center;font-size:1.1rem;padding:.5rem .3rem 1rem;color:var(--text);word-break:break-word}
.mrow{display:flex}
.mrow .btn{flex:1;margin:0 .3rem}
.mlist .mi{display:flex;align-items:center;width:100%;min-height:2.8rem;padding:.3rem 1rem;margin-bottom:.35rem;border-radius:.6rem;background:rgba(var(--text-rgb), .07);font-size:1.05rem;font-weight:600}
.mi .ic{width:1.3rem;height:1.3rem;margin-right:.7rem;color:var(--accent)}
.rtl .mi .ic{margin-right:0;margin-left:.7rem}
.mi .lbl{flex:1}
.mi.sel{color:var(--accent)}
.mi .mchk{margin:0;margin-left:.6rem}
.rtl .mi .mchk{margin-left:0;margin-right:.6rem}
.mi.danger{color:var(--danger)}
.mi:focus{box-shadow:0 0 0 .18rem var(--accent);background:rgba(var(--text-rgb), .13)}
.mpick .srch{width:100%;margin-bottom:.6rem;display:block;flex:none}
.mpick .vg{height:22rem;max-height:55vh;flex:none}
.cell.rowc{display:flex;align-items:center;padding:0 .8rem;border-radius:.6rem}
.rowc .rimg{width:2.8rem;height:2.8rem;border-radius:.5rem;background:rgba(var(--text-rgb), .06);flex:none;margin-right:.8rem;overflow:hidden;position:relative}
.rtl .rowc .rimg{margin-right:0;margin-left:.8rem}
.rowc .rimg img{width:100%;height:100%;object-fit:contain;position:static}
.rowc .rtx{flex:1;font-size:1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sheet{background:var(--bg);overflow:hidden;z-index:10}
.sh-bd{position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(135deg, var(--panel2), var(--bg))}
.sh-bd img{width:100%;height:100%;object-fit:cover;opacity:.28;filter:blur(.4rem);transform:scale(1.05);display:block}
.sh-bd::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(90deg, rgba(var(--bg-rgb), .92), rgba(var(--bg-rgb), .55))}
.rtl .sh-bd::after{background:linear-gradient(270deg, rgba(var(--bg-rgb), .92), rgba(var(--bg-rgb), .55))}
.sh-close{position:absolute;left:1.4rem;top:1rem;z-index:3}
.rtl .sh-close{left:auto;right:1.4rem}
.sh-box{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;padding:4.5rem 2rem 1rem 2rem}
.sh-poster{width:12.5rem;height:18.7rem;flex:none;border-radius:1rem;overflow:hidden;background:var(--panel2);position:relative;box-shadow:0 .6rem 1.6rem rgba(0,0,0,.5);margin-right:1.8rem}
.rtl .sh-poster{margin-right:0;margin-left:1.8rem}
.sh-poster img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;left:0;top:0}
.sh-poster.noimg{background:linear-gradient(145deg, var(--panel2), var(--panel))}
.sh-info{flex:1;min-width:0;overflow-y:auto;padding-bottom:2rem}
.sh-title{margin:0 0 .4rem;font-size:2rem;font-weight:700;line-height:1.15}
.sh-chips{display:flex;flex-wrap:wrap;min-height:1.6rem;margin-bottom:.3rem}
.chip{display:inline-block;padding:.08rem .7rem;border-radius:1rem;background:rgba(var(--text-rgb), .12);font-size:.85rem;margin-right:.5rem;margin-bottom:.3rem;font-weight:600}
.rtl .chip{margin-right:0;margin-left:.5rem}
.chip.rt{color:#ffd54a}
.sh-genre{color:var(--accent);font-size:.95rem;margin-bottom:.6rem}
.sh-btns{display:flex;flex-wrap:wrap;margin-bottom:.8rem}
.sh-btns .btn{margin-right:.6rem;margin-bottom:.4rem}
.rtl .sh-btns .btn{margin-right:0;margin-left:.6rem}
.sh-plot{font-size:1rem;line-height:1.5;font-weight:400;color:rgba(var(--text-rgb), .88);margin-bottom:.7rem}
.kv{font-size:.92rem;font-weight:400;margin-bottom:.25rem;color:rgba(var(--text-rgb), .85)}
.kv b{color:var(--muted);font-weight:700}
.sh-msg{color:var(--muted);padding:.3rem 0}
.sh-seasons{margin:.8rem 0 .3rem}
.sh-eplist .ep{display:flex;align-items:center;width:100%;min-height:3.1rem;padding:.35rem .9rem;margin-bottom:.4rem;border-radius:.7rem;background:rgba(var(--panel-rgb), .85)}
.ep .epn{width:2.2rem;color:var(--accent);font-size:1.1rem;font-weight:700;flex:none}
.ep .epm{flex:1;min-width:0;position:relative;padding-bottom:.1rem}
.ep .ept{display:block;font-size:1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ep .eps{color:var(--muted);font-size:.8rem;font-weight:500}
.ep .pbar{position:relative;left:0;right:0;bottom:auto;margin-top:.25rem;display:block}
.ep .epi{width:1.2rem;height:1.2rem;color:var(--accent);margin-left:.6rem}
.rtl .ep .epi{margin-left:0;margin-right:.6rem}
.ep:focus{box-shadow:0 0 0 .18rem var(--accent);background:var(--panel2)}
.player{background:#000;z-index:12;overflow:hidden;color:#fff}
.pv{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;object-fit:contain}
.pl-load, .pl-err{position:absolute;left:0;top:0;right:0;bottom:0;display:none;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;z-index:2}
.player.loading .pl-load{display:flex}
.pl-err{background:rgba(0,0,0,.7);pointer-events:auto}
.player.err .pl-err{display:flex}
.pl-err .perr{color:var(--text);font-size:1.15rem;margin-bottom:.8rem;max-width:80%}
.pl-err .btn{margin:.2rem;min-width:10rem}
.pl-top, .pl-bot{position:absolute;left:0;right:0;z-index:3;visibility:hidden;opacity:0;transition:opacity .2s, visibility 0s linear .2s}
.pl-top{top:0;padding:1rem 1.6rem 2.6rem;background:linear-gradient(180deg, rgba(0,0,0,.8), transparent);display:flex;align-items:center}
.pl-bot{bottom:0;padding:3rem 1.6rem 1.1rem;background:linear-gradient(0deg, rgba(0,0,0,.88), transparent)}
.player.ui .pl-top, .player.ui .pl-bot{visibility:visible;opacity:1;transition:opacity .2s}
.pl-ttl{flex:1;min-width:0;margin:0 1rem}
.pl-name{font-size:1.5rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 .1rem .4rem rgba(0,0,0,.7)}
.pl-sub{font-size:.95rem;color:rgba(255,255,255,.75);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-clk{font-size:1.1rem;font-weight:600;color:rgba(255,255,255,.85)}
.pl-seekrow{display:flex;align-items:center;margin-bottom:.5rem}
.pl-time{font-size:.95rem;font-weight:600;min-width:3.4rem;text-align:center;color:rgba(255,255,255,.9);direction:ltr}
.seek{flex:1;height:1.6rem;position:relative;margin:0 .4rem;display:flex;align-items:center;cursor:pointer;border-radius:.4rem}
.seek .sk-bar{position:absolute;left:0;right:0;top:50%;height:.34rem;margin-top:-.17rem;border-radius:.2rem;background:rgba(255,255,255,.25);overflow:hidden;direction:ltr}
.seek .sk-buf{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(255,255,255,.28)}
.seek .sk-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--accent)}
.seek .sk-th{position:absolute;top:50%;left:0;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border-radius:50%;background:#fff;box-shadow:0 0 .3rem rgba(0,0,0,.6);direction:ltr}
.seek:focus{box-shadow:0 0 0 .16rem var(--accent)}
.pl-live{display:inline-flex;align-items:center;font-size:.85rem;font-weight:700;padding:.1rem .7rem;border-radius:1rem;background:var(--danger);color:#fff;margin-right:.8rem}
.rtl .pl-live{margin-right:0;margin-left:.8rem}
.pl-btns{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.pb{width:2.9rem;height:2.9rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 .35rem;color:#fff;background:rgba(255,255,255,.1)}
.pb .ic{width:1.4rem;height:1.4rem}
.pb.mainb{width:3.6rem;height:3.6rem;background:var(--accent);color:var(--on-accent)}
.pb.mainb .ic{width:1.7rem;height:1.7rem}
.pb.on{color:var(--accent)}
.pb:focus{box-shadow:0 0 0 .2rem #fff;background:rgba(255,255,255,.25)}
.pb.mainb:focus{background:var(--accent-hi)}
.pb .lbl2{position:absolute;font-size:.55rem}
.pl-osd{position:absolute;left:1.6rem;top:1.6rem;z-index:4;display:none;align-items:center;padding:.5rem 1rem;border-radius:.9rem;background:rgba(0,0,0,.65);font-size:1.1rem;font-weight:700;max-width:70%}
.rtl .pl-osd{left:auto;right:1.6rem}
.pl-osd.on{display:flex}
.pl-osd .num{color:var(--accent);font-size:1.6rem;margin-right:.8rem}
.rtl .pl-osd .num{margin-right:0;margin-left:.8rem}
.pl-osd img{width:2.4rem;height:2.4rem;object-fit:contain;margin-right:.7rem;border-radius:.4rem}
.rtl .pl-osd img{margin-right:0;margin-left:.7rem}
.pl-num{position:absolute;right:2rem;top:1.4rem;z-index:5;font-size:3.4rem;font-weight:700;color:var(--accent);text-shadow:0 .1rem .5rem #000;display:none}
.rtl .pl-num{right:auto;left:2rem}
.pl-num.on{display:block}
.pl-seekosd{position:absolute;left:50%;top:42%;transform:translate(-50%, -50%);z-index:4;padding:.5rem 1.2rem;border-radius:1rem;background:rgba(0,0,0,.65);font-size:1.6rem;font-weight:700;display:none;direction:ltr}
.pl-seekosd.on{display:block}
.pl-epg{position:absolute;left:1.6rem;bottom:8.4rem;z-index:4;width:24rem;max-width:60%;background:rgba(var(--panel-rgb), .94);border-radius:1rem;padding:.8rem 1rem;display:none;border:1px solid var(--line)}
.rtl .pl-epg{left:auto;right:1.6rem}
.pl-epg.on{display:block}
.pl-epg .eh{color:var(--accent);font-size:.85rem;font-weight:700;margin-bottom:.25rem}
.pl-epg .et{font-size:1.05rem;font-weight:700;margin-bottom:.1rem}
.pl-epg .ed{font-size:.85rem;font-weight:400;color:rgba(255,255,255,.75);margin-bottom:.5rem;max-height:4.4rem;overflow:hidden}
.pl-epg .eb{height:.22rem;background:rgba(255,255,255,.2);border-radius:.11rem;overflow:hidden;margin-bottom:.6rem}
.pl-epg .eb i{display:block;height:100%;background:var(--accent)}
.pl-panel{position:absolute;top:0;bottom:0;right:0;width:24rem;max-width:80%;background:rgba(var(--bg-rgb), .94);z-index:6;padding:1rem .6rem .6rem;display:none;flex-direction:column;border-left:1px solid var(--line)}
.rtl .pl-panel{right:auto;left:0;border-left:0;border-right:1px solid var(--line)}
.pl-panel.on{display:flex}
.pl-panel .ph{font-size:1.2rem;font-weight:700;padding:0 .6rem .6rem}
.pl-panel .vg{flex:1}
.cell.chl{display:flex;align-items:center;padding:0 .6rem;border-radius:.6rem;background:rgba(var(--text-rgb), .06)}
.chl .cnum{width:2.6rem;font-size:.9rem;color:var(--muted);font-weight:600;flex:none}
.chl .rimg{width:2.6rem;height:2.6rem;flex:none;margin-right:.6rem;border-radius:.4rem;overflow:hidden;position:relative}
.rtl .chl .rimg{margin-right:0;margin-left:.6rem}
.chl .rimg img{position:static;width:100%;height:100%;object-fit:contain}
.chl .rtx{flex:1;font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tile.cur .cell.chl{background:rgba(var(--accent-rgb), .22)}
.mu-body{flex:1;display:flex;flex-wrap:wrap;padding:.7rem 1rem 1rem;min-height:0}
.mcell{width:50%;height:50%;padding:.3rem;display:block;position:relative}
.mc-in{position:relative;width:100%;height:100%;border-radius:.9rem;overflow:hidden;background:var(--panel);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted)}
.mc-in video{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;object-fit:contain}
.mc-in .ic{width:2.6rem;height:2.6rem;color:var(--accent)}
.mc-in .mc-n{position:absolute;left:.5rem;bottom:.4rem;right:.5rem;font-size:.85rem;font-weight:700;color:#fff;text-shadow:0 .1rem .3rem #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-in .mc-s{position:absolute;top:.4rem;right:.4rem;width:1.8rem;height:1.8rem;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;color:#fff}
.mc-in .mc-s .ic{width:1rem;height:1rem;color:#fff}
.mcell:focus .mc-in{box-shadow:0 0 0 .22rem var(--accent)}
.mcell.snd .mc-in{box-shadow:0 0 0 .14rem rgba(var(--accent-rgb), .7)}
.mcell.snd:focus .mc-in{box-shadow:0 0 0 .22rem var(--accent)}
[data-o="p"] .tb{height:3.5rem;padding:0 .8rem}
[data-o="p"] .back{width:2.8rem}
[data-o="p"] .scr-split{flex-direction:column}
[data-o="p"] .sp-left{flex:none;padding-top:3rem;padding-bottom:.4rem}
[data-o="p"] .sp-right{flex:1;justify-content:flex-start;padding-top:.6rem}
[data-o="p"] .ring{width:9rem;height:9rem}
[data-o="p"] .badge{margin-top:.6rem;width:11rem;height:2.6rem}
[data-o="p"] .sp-wm{width:60%}
[data-o="p"] .dl .sp-left{padding-top:3rem}
[data-o="p"] .st-card{min-width:19rem}
[data-o="p"] .st-wm{width:14rem}
[data-o="p"] .globe{left:1.4rem;top:1.6rem;margin-top:0}
[data-o="p"] .rtl .globe, .rtl[data-o="p"] .globe{left:auto;right:1.4rem}
[data-o="p"] .home-rows{padding:.6rem .7rem .3rem;justify-content:flex-start;overflow-y:auto}
[data-o="p"] .hrow{flex-direction:column;align-items:stretch;height:auto;margin-bottom:.7rem}
[data-o="p"] .htile{width:100%;height:3.1rem;padding:0 1rem}
[data-o="p"] .htile .ic{width:2rem;height:2rem}
[data-o="p"] .htile .hl{font-size:1.5rem}
[data-o="p"] .car, .rtl[data-o="p"] .car{height:6.4rem;flex:none;margin:.3rem 0 0}
[data-o="p"] .car.live .ci{width:6.4rem}
[data-o="p"] .car.poster .ci{width:4.3rem}
[data-o="p"] .home-tb .tb-title{font-size:1.15rem;max-width:38%}
[data-o="p"] .br-body{padding:.5rem .5rem 0}
[data-o="p"] .side{width:36%}
[data-o="p"] .cat .cn{font-size:.8rem}
[data-o="p"] .cat .cc{font-size:.85rem}
[data-o="p"] .cell.cat{padding:0 .5rem}
[data-o="p"] .mo-body{flex-direction:column;padding:.8rem}
[data-o="p"] .mo-left{width:100%;max-width:none;margin:0 0 .6rem}
[data-o="p"] .mtile{width:100%}
[data-o="p"] .mt-in{height:3.6rem}
[data-o="p"] .mt-lb{font-size:1.15rem}
[data-o="p"] .sh-box{flex-direction:column;align-items:center;overflow-y:auto;padding:4rem 1rem 1rem}
[data-o="p"] .sh-poster{width:8rem;height:12rem;margin:0 0 .8rem}
[data-o="p"] .sh-info{overflow:visible;flex:none;width:100%}
[data-o="p"] .sh-title{font-size:1.5rem;text-align:center}
[data-o="p"] .sh-chips, [data-o="p"] .sh-btns{justify-content:center}
[data-o="p"] .mu-body{padding:.4rem}
[data-o="p"] .pl-name{font-size:1.15rem}
[data-o="p"] .pb{width:2.5rem;height:2.5rem;margin:0 .2rem}
[data-o="p"] .pb.mainb{width:3.2rem;height:3.2rem}
[data-o="p"] .pl-bot{padding:3rem .8rem .9rem}
[data-o="p"] .pl-epg{bottom:9.2rem;width:20rem}
[data-o="p"] .mpick .vg{height:20rem}
[data-o="p"] .pcard{max-width:22rem}
[data-o="p"] .ms-body{padding:.4rem .8rem 2rem}
[data-o="p"] .pg-body{padding:.8rem .8rem 2rem}
[data-o="p"] .st-div{margin:0 1rem}
[data-w="m"][data-o="l"] .htile{width:15rem}
[data-w="m"][data-o="l"] .htile .hl{font-size:2rem}
[data-w="xl"] .htile{width:18.5rem}
@media (prefers-reduced-motion: reduce){*{transition:none !important;animation-duration:2s !important}}