/* 👑 VIP extras: profile themes, sky cover, five-forever shelf, personal lists, settings tab, list editor */

/* ---- 1. themes: the profile's colours, panels and headings ---- */
.xv.pt-tokyo{--ac:#FF4FA3;--bg:#0b0820;--panel:#150f2c;--panel2:#1c1238;--edge:rgba(255,79,163,.16);--muted:#a593c9}
.xv.pt-sakura{--ac:#FF8FB8;--bg:#170d15;--panel:#22121d;--panel2:#2b1724;--edge:rgba(255,160,200,.16);--muted:#c9a0b5}
.xv.pt-noir{--ac:#FFD34D;--bg:#090806;--panel:#13110c;--panel2:#1a1710;--edge:rgba(255,211,77,.16);--muted:#a89a78}
.xv.pt-ocean{--ac:#38E1D6;--bg:#05121a;--panel:#0a1d27;--panel2:#0e2532;--edge:rgba(56,225,214,.15);--muted:#7fa6b0}
.xv.pt-ember{--ac:#FF7A3D;--bg:#120705;--panel:#1d0e09;--panel2:#26130c;--edge:rgba(255,122,61,.16);--muted:#b8907c}
body.pt-tokyo,body.pt-sakura,body.pt-noir,body.pt-ocean,body.pt-ember{background:var(--pt-bg)}
body.pt-tokyo{--pt-bg:#0b0820}body.pt-sakura{--pt-bg:#170d15}body.pt-noir{--pt-bg:#090806}body.pt-ocean{--pt-bg:#05121a}body.pt-ember{--pt-bg:#120705}
.xv[class*="pt-"] .xh{background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 80%,#000),var(--bg))}
.xv[class*="pt-"] .xs-h h2{font-family:Lalezar,var(--font);font-weight:400;font-size:1.25em;letter-spacing:.2px;background:linear-gradient(90deg,#fff,color-mix(in srgb,var(--ac) 70%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent}
.xv[class*="pt-"] .xs{box-shadow:inset 0 0 0 1px var(--edge),0 24px 44px -34px color-mix(in srgb,var(--ac) 50%,#000)}
.xv[class*="pt-"] .xt{background:color-mix(in srgb,var(--bg) 88%,transparent)}
.xv.pt-tokyo .xs-h h2{text-shadow:none;filter:drop-shadow(0 0 10px rgba(255,79,163,.35))}
.xv.pt-noir .xs{background:linear-gradient(160deg,#16130c,#0f0d09)}
.xv.pt-sakura .xs::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(160px 80px at 100% 0,rgba(255,160,200,.08),transparent 70%)}

/* ---- 2. the anime cover in the sky ---- */
.pc-cov{position:absolute;inset:0;overflow:hidden;pointer-events:none;-webkit-mask:linear-gradient(180deg,#000 30%,transparent 96%);mask:linear-gradient(180deg,#000 30%,transparent 96%)}
.pc-cov i{position:absolute;inset:-6% 0 -30%;background:center 30%/cover no-repeat;opacity:.55;transform:scale(1.08);will-change:transform;animation:pcKen 30s ease-in-out infinite alternate}
.pc-cov.tall i{background-position:center 20%;filter:blur(2px) saturate(1.1);opacity:.4}
.pc-cov::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,18,.15),rgba(5,6,18,.55))}
@keyframes pcKen{to{background-position:center 45%}}
.pc-cov-t{position:absolute;z-index:6;left:14px;top:14px;padding:5px 12px;border-radius:99px;font:700 11.5px var(--font,inherit);color:#fff;text-decoration:none;background:rgba(8,10,24,.55);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.lite .pc-cov i{animation:none}html.lite .pc-cov-t{backdrop-filter:none}

/* ---- 3. my five forever ---- */
.t5-sec .xs-h,.ul-sec .xs-h{display:flex;align-items:center;gap:10px}
.t5-ed{margin-inline-start:auto;border:0;cursor:pointer;padding:6px 12px;border-radius:99px;font:700 12px var(--font,inherit);color:#fff;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px var(--edge,rgba(255,255,255,.1))}
.t5{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:12px;align-items:end}
.t5-i{position:relative;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;animation:t5In .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d)}
@keyframes t5In{from{opacity:0;transform:translateY(14px)}}
.t5-c{display:block;aspect-ratio:2/3;border-radius:14px;background:center/cover var(--c);box-shadow:0 18px 30px -18px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.08);transition:transform .25s}
.t5-i:hover .t5-c{transform:translateY(-4px)}
.t5-i.one .t5-c{box-shadow:0 0 0 2px #FFD34D,0 0 30px rgba(255,211,77,.35),0 20px 34px -18px rgba(0,0,0,.9)}
.t5-n{position:absolute;top:-10px;right:-6px;z-index:2;font:400 34px/1 Lalezar,var(--font,inherit);color:#fff;-webkit-text-stroke:1px rgba(0,0,0,.35);filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}
.t5-i.one .t5-n{color:#FFD34D;font-size:44px}
.t5-i b{font-size:13px;font-weight:800;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.t5-i small{font-size:11px;color:var(--muted)}
.t5-empty{width:100%;padding:18px;border-radius:16px;border:1.5px dashed rgba(255,211,77,.35);background:rgba(255,211,77,.05);color:#FFE7A8;font:700 13.5px var(--font,inherit);cursor:pointer}
@media (max-width:620px){.t5{grid-template-columns:repeat(5,1fr);gap:6px}.t5-i b{font-size:10.5px}.t5-n{font-size:22px;top:-6px;right:-3px}.t5-i.one .t5-n{font-size:28px}.t5-i small{display:none}.t5-c{border-radius:10px}}
html.lite .t5-i{animation:none}

/* ---- 7. personal lists ---- */
.ul-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.ul-c{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit;padding:10px;border-radius:16px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--edge,rgba(255,255,255,.08));transition:transform .2s}
.ul-c:hover{transform:translateY(-3px)}
.ul-cv{position:relative;height:110px;margin-bottom:6px}
.ul-cv i{position:absolute;top:calc(var(--i) * 6px);width:56%;height:calc(100% - var(--i) * 12px);border-radius:10px;background:center/cover #223;box-shadow:0 10px 20px -10px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.1);right:calc(var(--i) * 22%);z-index:calc(3 - var(--i))}
.ul-c b{font-size:13.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ul-c small{font-size:11.5px;color:var(--muted)}

/* ---- the «ویژه» settings tab ---- */
.sd-tabs .sd-vip{color:#FFE08A}.sd-tabs .sd-vip.on{background:linear-gradient(90deg,rgba(255,214,110,.25),rgba(255,180,60,.12));color:#FFE08A}
.vze h4{margin:16px 0 8px;font-size:14px}.vze h4 small{font-weight:500;opacity:.6;font-size:11.5px;margin-inline-start:6px}
.vze-th{display:flex;flex-wrap:wrap;gap:8px}
.vze-th button{display:flex;align-items:center;gap:7px;padding:7px 12px 7px 9px;border-radius:12px;border:0;cursor:pointer;font:700 12.5px var(--font,inherit);color:inherit;background:rgba(127,127,127,.1);box-shadow:inset 0 0 0 1px rgba(127,127,127,.2)}
.vze-th button.on{box-shadow:inset 0 0 0 2px #FFD34D}
.vze-th i{width:22px;height:22px;border-radius:7px}
.pv-def{background:linear-gradient(135deg,#10172f,#5AB2FF)}.pv-tokyo{background:linear-gradient(135deg,#0b0820,#FF4FA3 60%,#7ef0ff)}.pv-sakura{background:linear-gradient(135deg,#22121d,#FF8FB8 60%,#fff)}
.pv-noir{background:linear-gradient(135deg,#090806,#FFD34D)}.pv-ocean{background:linear-gradient(135deg,#05121a,#38E1D6)}.pv-ember{background:linear-gradient(135deg,#120705,#FF7A3D 60%,#ffd34d)}
.vze-q{width:100%;margin:2px 0 10px;padding:9px 12px;border-radius:12px;border:1px solid rgba(127,127,127,.25);background:transparent;color:inherit;font:inherit}
.vze-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;max-height:360px;overflow:auto;padding:2px}
.vze-i{display:flex;flex-direction:column;gap:4px;font-size:11.5px}
.vze-i>span{position:relative;aspect-ratio:2/3;border-radius:10px;background:center/cover #223;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.vze-i.in>span{box-shadow:inset 0 0 0 3px #FFD34D}.vze-i.cov>span::after{content:"🎬";position:absolute;left:5px;top:5px;font-size:14px}
.vze-i em{position:absolute;right:5px;top:5px;font-style:normal;font-weight:900;min-width:22px;height:22px;border-radius:99px;display:grid;place-items:center;color:#2a1a00;background:#FFD34D}
.vze-i b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vze-i div{display:flex;gap:4px}.vze-i div button{flex:1;padding:4px 2px;border-radius:8px;border:0;cursor:pointer;font:700 10.5px var(--font,inherit);color:inherit;background:rgba(127,127,127,.14)}
.vze-save{margin-top:14px;width:100%}
.vz-lock{text-align:center;padding:24px 10px}.vz-lock span{font-size:40px}.vz-lock b{display:block;font-size:16px;margin:6px 0}.vz-lock p{opacity:.7;font-size:13px;margin:0 0 14px}

/* ---- the list editor ---- */
.ule{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;padding:12px;background:rgba(4,6,14,.8)}
.ule-in{width:min(620px,100%);max-height:calc(100dvh - 24px);overflow:auto;border-radius:22px;padding:18px;color:#E8EEF8;background:linear-gradient(160deg,#151b33,#0d1222);box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.08)}
.ule-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ule-h b{font-size:18px}.ule-h button{width:34px;height:34px;border-radius:10px;border:0;font-size:20px;color:#fff;background:rgba(255,255,255,.08);cursor:pointer}
.ule-t,.ule-a,.ule-q{width:100%;box-sizing:border-box;margin-bottom:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;font:inherit;resize:vertical}
.ule-t{font-size:16px;font-weight:800}
.ule-in h4{margin:12px 0 8px;font-size:13.5px;color:#9fc8ff}
.ule-l{display:grid;gap:6px}
.ule-r{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:12px;background:rgba(255,255,255,.04)}
.ule-n{width:22px;text-align:center;font-weight:900;color:#FFD34D}.ule-r i{width:30px;height:42px;border-radius:6px;background:center/cover #223;flex:none}.ule-r b{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ule-r button{width:30px;height:30px;border-radius:8px;border:0;cursor:pointer;color:#fff;background:rgba(255,255,255,.07)}.ule-r button:disabled{opacity:.3}
.ule-p{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;max-height:240px;overflow:auto}
.ule-p button{border:0;padding:0;background:none;color:#fff;cursor:pointer;font:600 11px var(--font,inherit);text-align:center}
.ule-p i{display:block;aspect-ratio:2/3;border-radius:9px;background:center/cover #223;margin-bottom:4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.ule-p span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ule-f{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:14px}.ule-f .pf-btn{flex:1}
.ule-del{border:0;background:none;color:#ff8a9a;font:700 13px var(--font,inherit);cursor:pointer}
/* 👑 the five-spot podium (VIP) */
.podium.n4,.podium.n5{grid-template-columns:repeat(5,minmax(0,1fr));max-width:720px;gap:12px}
.xv .podium.n4,.xv .podium.n5{max-width:720px}
.podium.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pd.p4 .cv,.pd.p5 .cv{width:74%;box-shadow:0 0 0 2px #7EC8FF,0 14px 30px -14px rgba(0,0,0,.9)}
.pd.p4 .step,.pd.p5 .step{height:24px;font-size:20px;background:linear-gradient(180deg,#7EC8FF,#3D6FA8)}
.xv .pd.p4 .step,.xv .pd.p5 .step{background:linear-gradient(180deg,#9fd4ff,#3D6FA8)}
.podium.n5 .pd b,.podium.n4 .pd b{font-size:12.5px}
@media (max-width:560px){.podium.n4,.podium.n5{gap:5px}.podium.n5 .pd b,.podium.n4 .pd b{font-size:10px;line-height:1.4}.podium.n5 .pd small,.podium.n5 .pd q{display:none}.podium.n5 .pd .step{font-size:16px}.podium.n5 .pd.p1 .step{height:52px}.podium.n5 .pd.p2 .step{height:36px}.podium.n5 .pd.p3 .step{height:28px}.podium.n5 .pd.p4 .step,.podium.n5 .pd.p5 .step{height:20px}.podium.n5 .crown{font-size:20px;top:-15px}}
.vze-tip{margin:0 0 8px;font-size:12px;opacity:.75}