:root{--bg: oklch(.155 .004 70);--s1: oklch(.205 .005 70);--s2: oklch(.255 .006 70);--s3: oklch(.3 .006 70);--ln: oklch(.325 .006 70);--t1: oklch(.965 .004 70);--t2: oklch(.745 .005 70);--t3: oklch(.575 .006 70);--a: oklch(.8 .105 78);--aink: oklch(.22 .045 78);--ok: oklch(.74 .1 155);--bad: oklch(.66 .15 25);--info: oklch(.75 .07 220);--r1: 6px;--r2: 10px;--r3: 14px;--r4: 20px;--e1: 0 1px 2px rgba(0,0,0,.5);--e2: 0 6px 18px rgba(0,0,0,.45);--e3: 0 -10px 40px rgba(0,0,0,.6);--nav-h: 56px;color-scheme:dark}html[data-theme=light]{--bg: oklch(.975 .004 70);--s1: oklch(1 0 0);--s2: oklch(.945 .005 70);--s3: oklch(.915 .006 70);--ln: oklch(.875 .006 70);--t1: oklch(.225 .005 70);--t2: oklch(.455 .006 70);--t3: oklch(.615 .006 70);--a: oklch(.575 .115 66);--aink: oklch(.995 .008 78);--ok: oklch(.55 .11 155);--bad: oklch(.55 .16 25);--info: oklch(.58 .1 235);--e1: 0 1px 2px rgba(0,0,0,.06);--e2: 0 6px 18px rgba(0,0,0,.08);--e3: 0 -10px 40px rgba(0,0,0,.12);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--t1);font-family:Vazirmatn,system-ui,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{background:none;border:none;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}.app{width:100%;max-width:420px;margin:0 auto;min-height:100%;background:var(--bg);position:relative;box-shadow:0 0 0 1px var(--ln);display:flex;flex-direction:column}.app.wide{max-width:none;box-shadow:none}.scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--nav-h) + 16px)}.scroll.no-nav{padding-bottom:16px}.nv{position:sticky;bottom:0;flex:none;height:var(--nav-h);display:flex;border-top:1px solid var(--ln);background:var(--s1);z-index:30}.nvi{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:500 10.5px Vazirmatn;color:var(--t3)}.nvi.on{color:var(--a)}.gl{width:16px;height:16px;border:1.5px solid currentColor;border-radius:4px;opacity:.9}.bar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex:none}.brand{font:800 17px Vazirmatn;letter-spacing:-.01em}.icobtn{width:40px;height:40px;border-radius:20px;background:var(--s1);display:flex;align-items:center;justify-content:center;color:var(--t2);font:400 15px system-ui}.sh{display:flex;align-items:baseline;justify-content:space-between;padding:0 16px;margin:0 0 10px}.sht{font:700 15px Vazirmatn;color:var(--t1);margin:0}.shm{font:500 11.5px Vazirmatn;color:var(--t3)}.rail{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:0 16px 2px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.po{border-radius:var(--r2);background:repeating-linear-gradient(135deg,var(--s2),var(--s2) 5px,var(--s1) 5px,var(--s1) 10px);position:relative;overflow:hidden;flex:none}.po img{width:100%;height:100%;object-fit:cover;display:block}.pol{position:absolute;inset:auto 6px 5px auto;font:9px ui-monospace,monospace;color:var(--t3)}.card-t{font:700 12px/1.45 Vazirmatn;margin-top:7px}.card-o{font:400 10.5px/1.4 Vazirmatn;color:var(--t3);direction:ltr;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}.bdg{display:inline-flex;align-items:center;gap:4px;border-radius:var(--r1);padding:3px 6px;font:600 10px Vazirmatn;white-space:nowrap}.bdg.hs{background:var(--a);color:var(--aink)}.bdg.dub{border:1px solid var(--info);color:var(--info)}.bdg.soft{border:1px solid var(--ln);color:var(--t2)}.bdg.mute{background:var(--s2);color:var(--t3)}.pill{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:15px;border:1px solid var(--ln);color:var(--t2);font:500 11.5px Vazirmatn;background:transparent}.pill.on{background:var(--s3);border-color:var(--s3);color:var(--t1);font-weight:600}.meter{display:inline-flex;gap:2px;align-items:flex-end}.meter i{width:3px;border-radius:1px;background:var(--s3);display:block}.meter i:nth-child(1){height:6px}.meter i:nth-child(2){height:9px}.meter i:nth-child(3){height:12px}.btn{height:48px;border-radius:var(--r3);border:1px solid var(--ln);display:flex;align-items:center;justify-content:center;gap:7px;font:600 12.5px Vazirmatn;color:var(--t1);width:100%}.btn.primary{background:var(--a);color:var(--aink);border-color:var(--a);font-weight:800}.btn:disabled{opacity:.5}.searchbar{padding:8px 16px 12px;display:flex;gap:10px;align-items:center}.field{flex:1;height:48px;border-radius:var(--r3);background:var(--s1);border:1px solid var(--ln);display:flex;align-items:center;padding:0 13px;gap:9px}.field:focus-within{border-color:var(--a)}.field input{flex:1;min-width:0;background:none;border:none;outline:none;font:500 15px Vazirmatn;color:var(--t1)}.field input::placeholder{color:var(--t3);font-weight:400}.srow{display:flex;gap:12px;padding:10px 16px;align-items:center;width:100%;text-align:start}.srow+.srow{border-top:1px solid var(--ln)}.backdrop{position:absolute;inset:0 0 auto;height:270px;overflow:hidden}.backdrop img{width:100%;height:100%;object-fit:cover;display:block}.backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.45) 0%,rgba(0,0,0,.1) 35%,var(--bg) 96%)}.meta-sep{width:1px;height:10px;background:var(--ln);display:inline-block}.metaline{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font:500 11.5px Vazirmatn;color:var(--t2)}.eprow{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:var(--r2);width:100%;text-align:start}.eprow.watched{opacity:.55}.eprow.current{background:var(--s2);box-shadow:inset 2px 0 0 var(--a)}.epact{width:34px;height:34px;border-radius:17px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--ln);color:var(--t2);font:400 13px system-ui}.epact.on{background:var(--a);color:var(--aink);border-color:var(--a)}.scrim{position:fixed;inset:0;background:#0000008c;z-index:40}.sheet{position:fixed;inset:auto 0 0;z-index:41;width:100%;max-width:420px;margin:0 auto;background:var(--s1);border-radius:var(--r4) var(--r4) 0 0;box-shadow:var(--e3);border-top:1px solid var(--ln);max-height:82vh;display:flex;flex-direction:column}.grip{width:36px;height:4px;border-radius:2px;background:var(--s3);margin:10px auto 0}.vrow{padding:11px 12px;border-radius:12px;border:1px solid var(--ln);background:transparent;width:100%;text-align:start;display:block}.vrow.sel{background:var(--s2);border-color:var(--a)}.vrow.playing{background:var(--s2);border-color:var(--s3);opacity:.75}.vrow+.vrow{margin-top:7px}.grouphd{display:flex;align-items:center;gap:8px;margin:16px 0 8px;font:700 12px Vazirmatn;color:var(--t2)}.grouphd:after{content:"";flex:1;height:1px;background:var(--ln)}.toast{position:fixed;bottom:calc(var(--nav-h) + 18px);left:0;right:0;display:flex;justify-content:center;z-index:60;pointer-events:none}.toast>div{background:var(--s2);color:var(--t1);border:1px solid var(--ln);box-shadow:var(--e2);border-radius:12px;padding:9px 14px;font:600 12px Vazirmatn;max-width:88%}.gridwrap{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 12px;padding:4px 16px 8px}.skel{background:var(--s1);border-radius:var(--r2);animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.55}50%{opacity:.95}}.spin{width:20px;height:20px;border-radius:10px;border:2px solid var(--s3);border-top-color:var(--a);animation:rot .7s linear infinite;margin:24px auto}@keyframes rot{to{transform:rotate(360deg)}}.note{margin:18px 16px 0;padding:12px 13px;border-radius:12px;background:var(--s1);border:1px dashed var(--ln)}