:root{--bg:#0a0c10;--bg-soft:#0e1116;--surface:#171b22;--surface-hi:#202530;--border:#262c37;--text:#f2efe8;--text-dim:#a4abb8;--text-mute:#6b7280;--gold:#e8b34c;--gold-hi:#f3c968;--gold-dim:#e8b34c24;--danger:#d9614f;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--safe:20px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;padding-bottom:84px;font-family:Vazirmatn,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}::selection{background:var(--gold);color:#1a1204}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}img,.ph{display:block}.shell{max-width:1400px;padding-inline:var(--safe);margin:0 auto}header{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0a0c10f7 0%,#0a0c10e0 70%,#0000 100%);padding-block:16px 10px;position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{letter-spacing:.2px;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg, var(--gold), #a8752b);color:#1a1204;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;display:flex}.greeting{align-items:center;gap:10px;display:flex}.avatar{border:1px solid var(--border);width:40px;height:40px;color:var(--text-dim);background:linear-gradient(135deg,#3d4658,#1c212b);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.greeting-text{flex-direction:column;line-height:1.25;display:flex}.greeting-text small{color:var(--text-mute);font-size:.72rem;font-weight:500}.greeting-text strong{font-size:.92rem;font-weight:700}.header-actions{align-items:center;gap:8px;display:flex}.icon-btn{background:var(--surface);border:1px solid var(--border);width:40px;height:40px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;transition:background .15s,color .15s,transform .15s;display:flex;position:relative}.icon-btn:hover{background:var(--surface-hi);color:var(--text);transform:translateY(-1px)}.icon-btn .dot{background:var(--gold);border:2px solid var(--bg);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;left:8px}.tabs{scrollbar-width:none;border-bottom:1px solid var(--border);gap:26px;margin-top:18px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--text-mute);white-space:nowrap;border-bottom:2px solid #0000;padding-bottom:12px;font-size:.92rem;font-weight:600;transition:color .15s,border-color .15s}.tab.active{color:var(--text);border-color:var(--gold)}.tab:hover{color:var(--text)}.hero{border-radius:var(--radius-lg);border:1px solid var(--border);background:#0e1116;align-items:flex-end;min-height:420px;margin-top:22px;display:flex;position:relative;overflow:hidden}.hero-media{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-img{object-fit:cover;object-position:center;width:100%;height:100%;animation:.6s heroImgFade;display:block}@keyframes heroImgFade{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.hero:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 78% 8%,#e8b34c29,#0000 55%),radial-gradient(90% 70% at 15% 100%,#693ca03d,#0000 60%),linear-gradient(#06070a14 0%,#06070a38 32%,#06070a8c 58%,#06070af0 100%);position:absolute;inset:0}.hero-content{z-index:2;padding:28px var(--safe) 26px;flex-direction:column;gap:14px;width:100%;animation:.45s heroFade;display:flex;position:relative}@keyframes heroFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{color:var(--text-dim);background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700}.tag.gold{background:var(--gold-dim);color:var(--gold-hi);border-color:#e8b34c59}.hero-title{max-width:16ch;font-size:2.1rem;font-weight:800;line-height:1.2}.hero-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px;font-size:.9rem;display:flex}.hero-meta .sep{color:var(--text-mute)}.hero-desc{color:var(--text-dim);max-width:52ch;font-size:.92rem}.hero-progress{background:#ffffff24;border-radius:99px;width:100%;max-width:320px;height:4px;margin-top:2px;overflow:hidden}.hero-progress span{background:var(--gold);border-radius:99px;width:38%;height:100%;display:block}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.btn{border-radius:15px;align-items:center;gap:8px;padding:15px 8px;font-size:.92rem;font-weight:700;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--gold-hi), var(--gold) 60%, #c98f2f);color:#1a1204}.btn-ghost{color:var(--text);background:#ffffff0f;border:1px solid #ffffff29}.btn-ghost:hover{background:#ffffff1a}.hero-dots{z-index:3;gap:6px;display:flex;position:absolute;bottom:14px;right:50%;transform:translate(50%)}.hero-dots button{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:width .2s,background .2s}.hero-dots button.on{background:var(--gold);width:18px}.hero-arrow{z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:38px;height:38px;color:var(--text);background:#0a0c1080;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;transition:background .15s,transform .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-arrow:hover{background:#0a0c10d1;transform:translateY(-50%)scale(1.05)}.hero-arrow-prev{right:14px}.hero-arrow-next{left:14px}@media (min-width:1024px){.hero-arrow{width:46px;height:46px;font-size:.95rem}.hero-arrow-prev{right:22px}.hero-arrow-next{left:22px}}.row-section{margin-top:34px}.row-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.row-title{font-size:1.08rem;font-weight:700}.row-see-all{color:var(--text-mute);align-items:center;gap:5px;font-size:.82rem;font-weight:600;display:flex}.row-see-all:hover{color:var(--gold-hi)}.row-see-all i{font-size:.7rem}.row-scroll{scroll-snap-type:x proximity;scrollbar-width:none;gap:14px;padding-bottom:6px;display:flex;overflow-x:auto}.row-scroll::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;flex-direction:column;flex:none;gap:8px;width:148px;display:flex}.poster{aspect-ratio:2/3;border-radius:var(--radius-md);border:1px solid var(--border);justify-content:center;align-items:center;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.card:hover .poster,.card:focus-within .poster{transform:translateY(-4px);box-shadow:0 14px 26px #00000073}.poster i{color:#ffffff47;font-size:1.9rem}.poster .play-hint{opacity:0;background:#06070a00;justify-content:center;align-items:center;transition:opacity .15s,background .15s;display:flex;position:absolute;inset:0}.card:hover .play-hint,.card:focus-within .play-hint{opacity:1;background:#06070a61}.play-hint i{background:var(--gold);color:#1a1204;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;display:flex}.poster-progress{background:#ffffff40;border-radius:99px;height:3px;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.poster-progress span{background:var(--gold);height:100%;display:block}.poster-badge{background:var(--gold-dim);color:var(--gold-hi);border:1px solid #e8b34c59;border-radius:6px;padding:3px 7px;font-size:.62rem;font-weight:800;position:absolute;top:8px;right:8px}.poster.sqare{aspect-ratio:2/2}.poster.sqare img{height:auto!important}.poster .type{background:var(--gold);color:#333;border-radius:8px;padding:3px 8px;font-size:11px;position:absolute;top:10px;right:10px;box-shadow:1px 1px 5px #00000057}.card-title{text-overflow:ellipsis;white-space:nowrap;font-size:.83rem;font-weight:600;overflow:hidden}.card-meta{color:var(--text-mute);align-items:center;gap:5px;font-size:.72rem;display:flex}.card-meta i{color:var(--gold);font-size:.62rem}.p1{background:linear-gradient(150deg,#2a2f5c,#131627)}.p2{background:linear-gradient(150deg,#5c2a3d,#1c1018)}.p3{background:linear-gradient(150deg,#2a5c4a,#0f1a16)}.p4{background:linear-gradient(150deg,#5c4a2a,#1a1610)}.p5{background:linear-gradient(150deg,#3d2a5c,#160f1e)}.p6{background:linear-gradient(150deg,#2a4a5c,#0f171a)}.p7{background:linear-gradient(150deg,#5c2a2a,#1a0f0f)}.p8{background:linear-gradient(150deg,#4a5c2a,#151a0f)}.tabbar{bottom:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:#0e1116eb;justify-content:space-around;align-items:center;display:flex;position:fixed;inset-inline:0}.tabbar a{color:var(--text-mute);border-radius:10px;flex-direction:column;align-items:center;gap:4px;width:56px;padding:4px 0;font-size:.65rem;font-weight:600;display:flex}.tabbar a i{font-size:1.05rem}.tabbar a.active,.tabbar a.active i{color:var(--gold-hi)}@media (min-width:640px){:root{--safe:32px}.card{width:170px}.hero-title{font-size:2.5rem}}@media (min-width:1024px){:root{--safe:48px}body{padding-bottom:60px}.tabbar{display:none}.header-row{padding-block:4px}.tabs{gap:34px;margin-top:22px}.hero{min-height:520px}.hero-content{gap:16px;padding:40px 48px 44px}.hero-title{max-width:20ch;font-size:3.1rem}.hero-desc{font-size:1rem}.card{width:190px}.row-section{margin-top:44px}.row-title{font-size:1.2rem}.brand{font-size:1.3rem}.greeting-text strong{font-size:1rem}}@media (min-width:1920px){:root{--safe:80px}body{font-size:1.08rem}.shell{max-width:1760px}.hero{border-radius:22px;min-height:640px}.hero-title{max-width:18ch;font-size:4rem}.hero-desc{max-width:60ch;font-size:1.15rem}.btn{font-size:1.05rem}.card{width:230px}.poster{border-radius:16px}.row-title{font-size:1.5rem}.brand{font-size:1.6rem}.icon-btn{width:48px;height:48px;font-size:1.1rem}:focus-visible{outline-offset:5px;outline-width:3px}}.detail-hero{border-radius:0 0 var(--radius-lg) var(--radius-lg);background:radial-gradient(120% 90% at 75% 0,#e8b34c24,#0000 55%),radial-gradient(100% 80% at 20% 100%,#5a32964d,#0000 60%),linear-gradient(160deg,#1c2131 0%,#10131a 55%,#0a0c10 100%);min-height:60vh;position:relative;overflow:hidden}.detail-hero:after{content:"";background:linear-gradient(0deg, var(--bg) 0%, #06070a66 55%, #06070a26 100%);position:absolute;inset:0}.detail-hero-glyph{color:#ffffff09;pointer-events:none;justify-content:center;align-items:center;font-size:13rem;display:flex;position:absolute;inset:0}.detail-topbar{top:18px;z-index:5;justify-content:space-between;align-items:center;display:flex;position:absolute;inset-inline:18px}.circle-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:42px;height:42px;color:var(--text);background:#0a0c108c;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:background .15s,transform .15s;display:flex}.circle-btn:hover{background:#0a0c10cc;transform:translateY(-1px)}.detail-body{z-index:2;padding:0 var(--safe) 8px;margin-top:-64px;position:relative}.detail-tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.detail-title{max-width:22ch;margin-bottom:10px;font-size:2rem;font-weight:800;line-height:1.25}.detail-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;font-size:.9rem;display:flex}.episode-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.episode-strip-text{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.episode-strip-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;overflow:hidden}.episode-strip-text .bar{background:#ffffff1f;border-radius:99px;width:100%;max-width:260px;height:4px;overflow:hidden}.episode-strip-text .bar span{background:var(--gold);border-radius:99px;width:44%;height:100%;display:block}.episode-strip-time{color:var(--text-mute);white-space:nowrap;font-size:.72rem}.rowslist{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.watch-btn{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--gold-hi), var(--gold) 60%, #c98f2f);color:#1a1204;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:15px;font-size:1rem;font-weight:800;transition:transform .15s;display:flex}.watch-btn:hover{transform:translateY(-1px)}.action-row{gap:10px;margin-bottom:28px;display:flex}.action-row .btn-ghost{flex:1;justify-content:center}.desc-block{color:var(--text-dim);max-width:70ch;margin-bottom:30px;font-size:.92rem}.cast-row{scrollbar-width:none;gap:16px;padding-bottom:4px;display:flex;overflow-x:auto}.cast-row::-webkit-scrollbar{display:none}.cast-item{text-align:center;flex-direction:column;flex:none;align-items:center;gap:8px;width:76px;display:flex}.cast-avatar{border:1px solid var(--border);width:64px;height:64px;color:var(--text-dim);background:linear-gradient(135deg,#3d4658,#1c212b);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.cast-item span{color:var(--text-mute);font-size:.72rem;line-height:1.3}.cast-avatar img{width:100%;height:auto}.episode-list{flex-direction:column;gap:10px;display:flex}.episode-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:14px;padding:10px;transition:background .15s;display:flex}.episode-row:hover{background:var(--surface-hi)}.episode-thumb{aspect-ratio:16/10;color:#ffffff4d;border-radius:8px;flex:none;justify-content:center;align-items:center;width:100px;display:flex;position:relative}.episode-thumb i.play-mini{background:#0a0c108c;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin:auto;font-size:.6rem;display:flex;position:absolute;inset:0}.episode-info{flex:1;min-width:0}.episode-info strong{margin-bottom:3px;font-size:.85rem;font-weight:700;display:block}.episode-info p{color:var(--text-mute);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.episode-num{color:var(--gold-hi);flex:none;font-size:.72rem;font-weight:700}.grid-list{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-list .card{width:100%}.list-remove{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:28px;height:28px;color:var(--text);background:#0a0c1099;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex;position:absolute;top:8px;left:8px}.list-remove:hover{background:var(--danger);border-color:var(--danger)}.list-empty{text-align:center;color:var(--text-mute);flex-direction:column;align-items:center;gap:10px;padding:60px 20px;display:flex}.list-empty i{color:var(--text-mute);font-size:2rem}@media (min-width:640px){.grid-list{grid-template-columns:repeat(3,1fr)}.detail-title{font-size:2.4rem}}@media (min-width:1024px){.grid-list{grid-template-columns:repeat(5,1fr);gap:20px}.detail-body{margin-top:-90px}.detail-title{font-size:3rem}.action-row,.watch-btn,.episode-strip{max-width:520px}}@media (min-width:1920px){.grid-list{grid-template-columns:repeat(6,1fr)}.detail-title{font-size:3.6rem}.cast-avatar{width:80px;height:80px;font-size:1rem}}.search-bar-wrap{align-items:center;gap:10px;margin-top:18px;display:flex}.search-input-box{background:var(--surface);border:1px solid var(--border);border-radius:999px;flex:1;align-items:center;gap:10px;padding:12px 16px;display:flex}.search-input-box i{color:var(--text-mute);font-size:.9rem}.search-input-box input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.92rem}.search-input-box input::placeholder{color:var(--text-mute)}.search-cancel{color:var(--gold-hi);white-space:nowrap;font-size:.85rem;font-weight:700}.chip-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.chip{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.chip:hover{color:var(--text)}.chip.active{background:var(--gold-dim);color:var(--gold-hi);border-color:#e8b34c66}.recent-row{flex-wrap:wrap;gap:8px;display:flex}.recent-chip{color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:8px 8px 8px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.recent-chip i.clock-i{color:var(--text-mute);font-size:.72rem}.recent-chip button{width:20px;height:20px;color:var(--text-mute);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;display:flex}.recent-chip button:hover{background:var(--danger);color:#fff}.profile-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:16px;margin-top:22px;padding:20px;display:flex}.profile-avatar-lg{border:1px solid var(--border);width:64px;height:64px;color:var(--text-dim);background:linear-gradient(135deg,#3d4658,#1c212b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.profile-info{flex:1;min-width:0}.profile-info strong{margin-bottom:3px;font-size:1.05rem;font-weight:800;display:block}.profile-info span{color:var(--text-mute);font-size:.82rem}.profile-edit{border:1px solid var(--border);width:38px;height:38px;color:var(--text-dim);background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:flex}.profile-edit:hover{color:var(--gold-hi);border-color:#e8b34c66}.membership-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#e8b34c29,#e8b34c0a);border:1px solid #e8b34c4d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:18px 20px;display:flex}.membership-card div strong{color:var(--gold-hi);margin-bottom:4px;font-size:.95rem;font-weight:800;display:block}.membership-card div span{color:var(--text-dim);font-size:.78rem}.membership-card .btn{padding:9px 18px;font-size:.8rem}.settings-group{margin-top:28px}.settings-label{color:var(--text-mute);margin-bottom:10px;padding-inline:2px;font-size:.78rem;font-weight:700}.settings-list{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.settings-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:15px 16px;transition:background .15s;display:flex}.settings-row:last-child{border-bottom:none}.settings-row:hover{background:var(--surface-hi)}.settings-row-icon{width:36px;height:36px;color:var(--gold-hi);background:#ffffff0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.settings-row-text{flex:1;min-width:0}.settings-row-text strong{font-size:.86rem;font-weight:600;display:block}.settings-row-text span{color:var(--text-mute);font-size:.74rem}.settings-row>i.chev{color:var(--text-mute);font-size:.75rem}.toggle{border:1px solid var(--border);background:#ffffff24;border-radius:99px;flex-shrink:0;width:42px;height:24px;position:relative}.toggle:after{content:"";background:var(--text-dim);border-radius:50%;width:18px;height:18px;position:absolute;top:2px;right:2px}.toggle.on{background:var(--gold-dim);border-color:#e8b34c66}.toggle.on:after{background:var(--gold);left:2px;right:auto}.logout-btn{border-radius:var(--radius-md);width:100%;color:var(--danger);background:#d9614f1f;border:1px solid #d9614f59;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding:14px;font-size:.9rem;font-weight:700;display:flex}.logout-btn:hover{background:#d9614f33}.app-version{text-align:center;color:var(--text-mute);margin-top:16px;font-size:.72rem}@media (min-width:1024px){.settings-group,.membership-card,.profile-header,.logout-btn{max-width:640px}}.backdrop{object-fit:cover;object-position:top;width:100%}