/* 🌌 Hikari profile (v3), below the sky.
   Clean before clever: calm night panels, one accent (the owner's own colour), real hierarchy, and motion only where it means something.
   Light on the GPU: no blurred layers, no animated backgrounds; the only glass is the sticky tab bar. */

.xv{--ac:#5AB2FF;--bg:#0a0f24;--fg:#111834;--fg2:rgba(255,255,255,.06);--line:rgba(255,255,255,.07);--text:#D6DCF1;--strong:#fff;--muted:#8790B4;--blue:var(--ac);
  --panel:#10172f;--panel2:#141c38;--edge:rgba(255,255,255,.065);
  --shadow-s:0 10px 30px -20px rgba(0,0,0,.9);--shadow:0 24px 50px -28px rgba(0,0,0,.9);
  position:relative;z-index:10;color:var(--text);padding-bottom:64px;
  background:radial-gradient(1100px 500px at 85% 0%,color-mix(in srgb,var(--ac) 9%,transparent),transparent 70%),linear-gradient(180deg,#0b1129 0,#0a0f24 420px)}
.prof{background:#0a0f24}
.prof footer{background:#0a0f24;color:#5d6688;border-top:1px solid rgba(255,255,255,.05)}

/* ---------- entrance (opacity + transform only) ---------- */
.xv .xs,.xv .vt,.xst{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}
.xv .xs.in,.xv .vt.in,.xst.in{opacity:1;transform:none}
.pane.enter{animation:xPane .45s cubic-bezier(.2,.8,.2,1)}
@keyframes xPane{from{opacity:0;transform:translateY(10px)}}

/* ---------- buttons ---------- */
.xb{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 16px;border-radius:12px;border:0;cursor:pointer;font:800 13.5px var(--font);white-space:nowrap;text-decoration:none;color:#fff;
  background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:transform .2s,background .2s}
.xb:hover{transform:translateY(-1px);background:rgba(255,255,255,.12)}
.xb small{font-weight:600;color:var(--muted)}
.xb.pri{color:#07101f;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--ac) 50%,#fff));box-shadow:0 10px 24px -12px var(--ac)}
.xb.ic{width:40px;padding:0;font-size:16px}

/* ---------- identity band: only the avatar reaches up into the sky ---------- */
.xh{position:relative;padding:0 0 18px;background:linear-gradient(180deg,#0c1332,#0b1129)}
.xh::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ac) 60%,transparent),transparent)}
.xh-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 28px;align-items:end}
.xh-av{position:relative;width:164px;height:164px;margin-top:-82px;flex:none}
.xh-ring{position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(from -90deg,var(--ac) 0 var(--p,30%),rgba(255,255,255,.12) var(--p,30%) 100%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))}
.xh-orbit{position:absolute;inset:-16px;border-radius:50%;animation:xhSpin 24s linear infinite;pointer-events:none}
.xh-orbit i{position:absolute;top:50%;left:-3px;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#fff;box-shadow:0 0 10px 2px var(--ac)}
@keyframes xhSpin{to{transform:rotate(360deg)}}
.xh-av .me-av{position:relative;width:164px;height:164px;border-radius:50%;font-size:70px;border:6px solid #0c1332;box-shadow:0 18px 40px -14px rgba(0,0,0,.8)}
.xh-av .me-av::after{display:none}
.xh-av .me-av::before{border-radius:50%!important}
.xh-lv{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);min-width:42px;height:28px;padding:0 10px;border-radius:99px;display:grid;place-items:center;
  font:400 17px/1 Lalezar,var(--font);color:#07101f;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--ac) 55%,#fff));box-shadow:0 0 0 4px #0c1332}
.xh-id{min-width:0;padding-top:16px}
.xh-title{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#fff;padding:4px 12px 4px 5px;border-radius:99px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--ac) 28%,transparent),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac) 45%,transparent)}
.xh-title span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.12);font-size:12px}
.xh-title em{font-style:normal;font-weight:700;color:rgba(255,255,255,.55);font-size:11px;padding-inline-start:7px;border-inline-start:1px solid rgba(255,255,255,.18)}
.xh-id h1{margin:6px 0 0;font:400 clamp(32px,4vw,48px)/1.15 Lalezar,var(--font);color:#fff;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.xh .pf-handle{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}
.xh .pf-handle .ltr{font-size:13.5px;font-weight:700;color:var(--muted)}
.xh .pf-handle .role-b,.xh .pf-handle .num-b{font-size:11px;font-weight:800;padding:3px 10px;border-radius:99px}
.xh .pf-handle .num-b{background:rgba(255,255,255,.06);color:var(--muted)}
.xh .pf-bio{margin:10px 0 0;max-width:620px;font-size:14px;line-height:2;color:#C5CCE6}
.xh .pf-bio:empty{display:none}
.xh-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:8px}
.xh .pf-soc{margin:0}
.xh .soc{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#fff;box-shadow:none}
.xh .soc:hover{background:rgba(255,255,255,.12)}
.xh .pf-joined{font-size:12px;color:var(--muted)}
.xh-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.xh .pf-act{display:flex;gap:8px;padding:0}
.xh-chips{display:flex;gap:8px}
.xc{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:76px;padding:8px 10px;border-radius:14px;border:0;cursor:pointer;text-decoration:none;font:inherit;color:inherit;
  background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--edge);transition:background .2s,transform .2s}
.xc:hover{background:rgba(255,255,255,.08);transform:translateY(-1px)}
.xc i{display:none}
.xc b{font:800 18px/1.3 var(--font);color:#fff}
.xc small{font-size:11px;color:var(--muted);font-weight:600;white-space:nowrap}
.xc.stk b::before{content:"🔥";font-size:14px;margin-inline-end:3px;filter:grayscale(1);opacity:.5}
.xc.stk.lit b{color:#FFB070}.xc.stk.lit b::before{filter:none;opacity:1}
.xc.stk.risk{box-shadow:inset 0 0 0 1.5px rgba(255,138,61,.6)}
.xh .pf-legend{position:static!important;display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px;font-size:12px;color:var(--muted)}
.xh .pf-legend:empty{display:none}

/* ---------- tabs: one clean row, an accent line that slides ---------- */
.xt{position:sticky;top:60px;z-index:30;background:rgba(10,15,36,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-block:1px solid rgba(255,255,255,.06)}
.xt-in{position:relative;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.xt-in::-webkit-scrollbar{display:none}
.xt button{position:relative;flex:none;display:inline-flex;align-items:center;gap:7px;height:52px;padding:0 18px;border:0;background:none;cursor:pointer;font:800 14px var(--font);color:var(--muted);transition:color .25s}
.xt button i{font-style:normal;font-size:15px;opacity:.75;transition:transform .3s cubic-bezier(.3,1.6,.5,1),opacity .25s}
.xt button:hover{color:#fff}.xt button:hover i{transform:translateY(-1px) scale(1.1);opacity:1}
.xt button.on{color:#fff}.xt button.on i{opacity:1}
.xt button small{font-size:10.5px;font-weight:800;padding:1px 7px;border-radius:99px;background:rgba(255,255,255,.08);color:var(--muted)}
.xt button small:empty{display:none}
.xt-ink{position:absolute;bottom:0;left:0;height:3px;width:0;border-radius:3px 3px 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--ac) 70%,#fff),var(--ac));
  box-shadow:0 -4px 16px -2px var(--ac);transition:transform .45s cubic-bezier(.3,1.2,.4,1),width .45s cubic-bezier(.3,1.2,.4,1)}

/* ---------- panels ---------- */
.xm{position:relative;padding-top:22px}
.xs{position:relative;padding:18px;border-radius:20px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--edge),0 20px 40px -32px rgba(0,0,0,.9);margin-bottom:16px}
.xs-h{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.xs-i{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:15px;background:color-mix(in srgb,var(--c) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 32%,transparent)}
.xs-h h2{margin:0;font:800 15px/1.4 var(--font);color:#fff}
.xs-h small{font-size:12px;color:var(--muted);font-weight:600}
.xs-h small:empty{display:none}
.xs-h small a{color:color-mix(in srgb,var(--ac) 70%,#fff);font-weight:800}
.xs-h > :last-child:not(small):not(h2):not(.xs-i){margin-inline-start:auto}
.xs-a{flex:none;margin-inline-start:auto;font-size:12px;font-weight:800;color:color-mix(in srgb,var(--ac) 65%,#fff);text-decoration:none;padding:5px 11px;border-radius:99px;background:rgba(255,255,255,.05)}
.xs-a:hover{background:rgba(255,255,255,.1)}
.xs-p{margin:-6px 0 12px;font-size:12.5px;color:var(--muted);line-height:1.9}
.x-empty{padding:22px 16px;border-radius:16px;text-align:center;color:var(--muted);font-size:13px;line-height:2;background:rgba(255,255,255,.025);border:1.5px dashed rgba(255,255,255,.08)}
.x-empty b{display:block;color:#fff;font-size:14.5px}

/* ---------- overview layout ---------- */
.xo .vt{margin-bottom:18px}
.xo-cols{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:18px;align-items:start}
.xo-cols > *{min-width:0}

/* 📊 two stat boxes */
.xst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.xst-b{padding:14px 16px 14px;border-radius:18px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--edge)}
.xst-h{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;color:var(--c)}
.xst-n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 12px}
.xst-n div{text-align:center}
.xst-n b{display:block;font:800 21px/1.25 var(--font);color:#fff;font-variant-numeric:tabular-nums}
.xst-n small{font-size:11px;color:var(--muted);font-weight:600}
.xst-bar{display:block;height:6px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.xst-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 60%,#fff),var(--c));box-shadow:0 0 10px color-mix(in srgb,var(--c) 70%,transparent);transition:width 1.4s cubic-bezier(.2,.8,.2,1) .2s}
.xst.in .xst-bar i{width:var(--w)}
.xst-road small{display:block;margin-top:6px;font-size:11px;color:var(--muted);text-align:center}

/* 🕊️ activity */
.xa-f{display:flex;gap:6px;flex-wrap:wrap;margin:-4px 0 12px}
.xa-f button{border:0;cursor:pointer;padding:5px 11px;border-radius:99px;font:700 12px var(--font);color:var(--muted);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--edge);transition:all .2s}
.xa-f button:hover{color:#fff}
.xa-f button.on{color:#07101f;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--ac) 50%,#fff));box-shadow:none}
.xa-day{display:flex;align-items:center;gap:10px;margin:14px 0 9px;font-size:11.5px;font-weight:800;color:var(--muted)}
.xa-day:first-child{margin-top:0}
.xa-day::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent)}
.xa-day span{display:inline-flex;align-items:center;gap:6px}
.xa-day span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ac);box-shadow:0 0 8px var(--ac)}
.xa-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.xa-i{--tc:#5AB2FF;position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);min-height:84px;border-radius:14px;overflow:hidden;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--edge);transition:transform .25s,box-shadow .25s}
.xa-i:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 45%,transparent),0 14px 30px -18px color-mix(in srgb,var(--tc) 70%,transparent)}
.xa-i.t-done{--tc:#FFC93C;background:linear-gradient(135deg,rgba(255,201,60,.09),var(--panel2) 55%)}
.xa-i.t-plan{--tc:#B892FF}.xa-i.t-drop{--tc:#FF7A8A}.xa-i.t-score{--tc:#FFB25B}.xa-i.t-talk{--tc:#5EE6D4}.xa-i.t-daily{--tc:#FF8FC7}
.xa-cv{position:relative;display:block;background:var(--cc,#1B2440);overflow:hidden}
.xa-cv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.xa-i:hover .xa-cv img{transform:scale(1.08)}
.xa-cv::after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--tc);box-shadow:0 0 10px var(--tc)}
.xa-cv.e{display:grid;place-items:center;font-size:24px;background:color-mix(in srgb,var(--tc) 12%,var(--panel2))}
.xa-b{min-width:0;display:flex;flex-direction:column;gap:5px;padding:10px 12px 9px}
.xa-t{margin:0;font-size:13px;line-height:1.85;color:#C9D0EA;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.xa-t a{color:#fff;font-weight:800;text-decoration:none}.xa-t a:hover{color:color-mix(in srgb,var(--ac) 70%,#fff)}
.xa-sc{display:inline-block;font-size:11.5px;font-weight:900;padding:0 7px;border-radius:7px;color:#2a1a00;background:linear-gradient(135deg,#FFE27A,#FFB300)}
.xa-b q{display:block;quotes:none;font-size:12.5px;line-height:1.85;color:#AEB6D6;padding:5px 9px;border-radius:9px;background:rgba(255,255,255,.035);border-inline-start:2px solid var(--tc);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.xa-b q.spoil{filter:blur(5px);cursor:pointer}
.xa-pr{display:block;height:4px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.xa-pr i{display:block;height:100%;border-radius:inherit;background:var(--tc)}
.xa-pn{font-size:10.5px;color:var(--muted);margin-top:-3px}
.xa-m{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;font-size:11px;color:var(--muted)}
.xa-tag{font-weight:800;color:color-mix(in srgb,var(--tc) 75%,#fff)}
.xs.in .xa-i{animation:xaIn .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d)}
@keyframes xaIn{from{opacity:0;transform:translateY(10px)}}
.xa-more{display:flex;justify-content:center;margin-top:14px}
.xa-sk{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.xa-sk i{height:84px;border-radius:14px;background:linear-gradient(100deg,rgba(255,255,255,.03) 30%,rgba(255,255,255,.07) 50%,rgba(255,255,255,.03) 70%) 0 0/200% 100%;animation:xSk 1.3s linear infinite}
@keyframes xSk{to{background-position:-200% 0}}
.xs-feed.big .xa-g{grid-template-columns:repeat(3,minmax(0,1fr))}

/* 🚀 level & streak (small) */
.xs-lv{padding:14px}
.xlm{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}
.xlm-r{position:relative;width:70px;height:70px;flex:none}
.xlm-r svg{width:70px;height:70px;transform:rotate(-90deg)}
.xlm-r .bg{fill:none;stroke:rgba(255,255,255,.08);stroke-width:7}
.xlm-r .fg{fill:none;stroke:url(#xlmG);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1)}
.xlm-r > span{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1}
.xlm-r i{font-style:normal;font-size:14px}.xlm-r b{font:400 22px/1 Lalezar,var(--font);color:#fff}
.xlm-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.xlm-t small{font-size:11.5px;color:var(--muted)}.xlm-t b{font:800 16px/1.3 var(--font);color:#fff}
.xlm-b{display:block;height:6px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.xlm-b i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ac),#FFC93C)}
.xlm-b.big{margin-top:12px}
.xlm-s{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:4px 10px;margin-top:12px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--edge)}
.xlm-s .fl{font-size:22px;filter:grayscale(1);opacity:.5}
.xlm-s.lit .fl{filter:none;opacity:1;animation:xFlame 1.8s ease-in-out infinite}
@keyframes xFlame{50%{transform:scale(1.12) rotate(-5deg)}}
.xlm-s b{font:400 26px/1 Lalezar,var(--font);color:#FFB070}
.xlm-s small{font-size:12px;color:var(--muted)}
.xlm-s .wk{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:4px}
.xlm-s .wk i{height:7px;border-radius:99px;background:rgba(255,255,255,.07)}
.xlm-s .wk i.w-on{background:linear-gradient(90deg,#FF8A3D,#FFC93C)}
.xlm-s .wk i.w-shield{background:#5AB2FF}.xlm-s .wk i.w-today{background:rgba(255,255,255,.22)}
.xlm-s.risk{box-shadow:inset 0 0 0 1.5px rgba(255,138,61,.6)}

/* 🧬 taste: genre pills + one stacked bar */
.xv .persona{margin:-4px 0 12px;font-size:13px;line-height:1.95;color:#C5CCE6}
.xv .persona b{color:#fff}
.xg-c{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.xg-i{display:flex;flex-direction:column;align-items:center;gap:5px;border:0;cursor:pointer;padding:0;background:none;font:inherit}
.xg-i b{width:100%;padding:6px 4px;border-radius:9px;font-size:12px;font-weight:800;color:#07101f;background:var(--c);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .2s,box-shadow .2s}
.xg-i:hover b{transform:translateY(-2px);box-shadow:0 8px 18px -8px var(--c)}
.xg-i small{font-size:11px;color:color-mix(in srgb,var(--c) 70%,#fff);font-weight:700}
.xs.in .xg-i{animation:xaIn .5s both;animation-delay:var(--d)}
.xg-bar{display:flex;height:8px;border-radius:99px;overflow:hidden;margin-top:14px;background:rgba(255,255,255,.06)}
.xg-bar i{width:0;transition:width 1.2s cubic-bezier(.2,.8,.2,1) .2s}
.xs.in .xg-bar i{width:var(--w)}

/* 🗓️ heat map */
.xs-heat .heat{grid-template-rows:repeat(7,11px);gap:3px}
.xs-heat .heat i,.xs-heat .heat-lg i{width:11px;height:11px;border-radius:3px;background:rgba(255,255,255,.06)}
.xv .heat .l1,.xv .heat-lg .l1{background:color-mix(in srgb,var(--ac) 28%,transparent)}
.xv .heat .l2,.xv .heat-lg .l2{background:color-mix(in srgb,var(--ac) 52%,transparent)}
.xv .heat .l3,.xv .heat-lg .l3{background:color-mix(in srgb,var(--ac) 78%,transparent)}
.xv .heat .l4,.xv .heat-lg .l4{background:var(--ac)}
.xv .heat .today{outline:1.5px solid #fff}
.xs-heat .heat-wrap{max-width:100%;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}
.xv .heat-lg{color:var(--muted)}

/* 💙 favourites: cover grids with a tooltip */
.xfv + .xfv{margin-top:14px}
.xfv h3{margin:0 0 8px;font-size:12.5px;font-weight:800;color:var(--muted)}
.xfv h3 small{font-weight:700;opacity:.8}
.xfv-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.xfv-i{position:relative;display:block;aspect-ratio:2/3;border-radius:10px;box-shadow:0 10px 20px -14px rgba(0,0,0,.9);transition:transform .3s cubic-bezier(.2,.9,.3,1.3)}
.xfv-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.xfv-i em{position:absolute;inset:0;display:grid;place-items:center;font:400 28px Lalezar,var(--font);color:rgba(255,255,255,.8);font-style:normal}
.xfv-i:hover{transform:translateY(-4px) scale(1.04);z-index:2}
.xfv-i::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);width:max-content;max-width:180px;padding:6px 10px;border-radius:9px;font-size:11.5px;font-weight:700;line-height:1.7;color:#fff;background:#1c2549;box-shadow:0 10px 24px -8px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.08);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center}
.xfv-i:hover::after{opacity:1;transform:translate(-50%,0)}
.xs.in .xfv-i{animation:xaIn .5s both;animation-delay:var(--d)}

/* 🏆 trio */
.xv .podium{max-width:520px;padding-top:34px}
.xv .podium::before{background:radial-gradient(ellipse at 50% 0%,rgba(255,201,60,.16),transparent 70%)}
.xv .pd .cv{border-radius:14px}
.xv .pd.p1 .cv{box-shadow:0 0 0 2px #FFC93C,0 18px 40px -12px rgba(255,201,60,.5)}
.xv .pd.p2 .cv{box-shadow:0 0 0 2px #C9D3E0,0 14px 30px -14px rgba(0,0,0,.9)}
.xv .pd.p3 .cv{box-shadow:0 0 0 2px #E0A06A,0 14px 30px -14px rgba(0,0,0,.9)}
.xv .pd b{color:#fff}
.xv .pd .step{border-radius:12px 12px 5px 5px;box-shadow:inset 0 2px 0 rgba(255,255,255,.35)}
.xv .pd.p1 .step{background:linear-gradient(180deg,#FFD866,#C98A12)}
.xv .pd.p2 .step{background:linear-gradient(180deg,#E3EAF4,#8794AB)}
.xv .pd.p3 .step{background:linear-gradient(180deg,#F0B07C,#93592C)}
.xv .pd q{color:var(--muted)}
.xv .pod-edit{background:none;border:0;cursor:pointer;color:color-mix(in srgb,var(--ac) 70%,#fff);font:inherit;font-weight:800}
.xv .podium.xpe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;max-width:440px;padding-top:12px}
.xv .podium.xpe::before{display:none}
.xpe-s{display:flex;flex-direction:column;align-items:center;gap:8px}
.xpe-c{width:100%;aspect-ratio:2/3;border-radius:14px;display:grid;place-items:center;font-size:28px;border:2px dashed rgba(255,255,255,.12);background:rgba(255,255,255,.02)}
.xpe-s.p1 .xpe-c{border-color:rgba(255,201,60,.4)}
.xpe-s.p2 .xpe-c{width:88%}.xpe-s.p3 .xpe-c{width:80%}
.xpe-st{width:100%;display:grid;place-items:center;border-radius:10px 10px 4px 4px;font:400 20px Lalezar,var(--font);color:rgba(255,255,255,.3);background:rgba(255,255,255,.05)}
.xpe-s.p1 .xpe-st{height:52px;background:linear-gradient(180deg,rgba(255,201,60,.2),rgba(255,201,60,.04));color:#FFC93C}.xpe-s.p2 .xpe-st{height:38px}.xpe-s.p3 .xpe-st{height:28px}
.xpe-msg{grid-column:1/-1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:6px;font-size:12.5px;color:var(--muted);line-height:1.9}
.xpe-msg b{color:#fff;font-size:14px}.xpe-msg .xb{margin-top:6px}

/* ❤️ characters, 📺 TV, 💌 recs: adapt */
.xv .cast-av b,.xv .cast-card b{color:#fff}
.xv .cast-all{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.1)}
.xv .tvs-scr{border-radius:16px/20px;box-shadow:0 0 0 5px #252040,0 0 0 7px #34305a,0 14px 26px -12px rgba(0,0,0,.9)}
.xv .tvs-it:hover .tvs-scr{box-shadow:0 0 0 5px #252040,0 0 0 7px #FFB25B,0 14px 26px -12px rgba(0,0,0,.9)}
.xv .tvs-it{width:128px}.xv .tvs-it b{color:#fff;font-size:14px}
.xv .tvs-cta{background:linear-gradient(135deg,rgba(255,178,91,.12),transparent)}
.xv .tvs-sec .xs-h small a{color:#FFB25B}
.xv .rcs-row .rc-letter{width:250px!important}
.xv .recs{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}
.xv .rec p{color:#fff}
.xv .imp-cta{grid-column:1/-1;justify-self:center;margin-top:6px}

/* 🏅 medal case (small) */
.xam{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
.xam-m{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:17px;background:rgba(255,255,255,.04);filter:grayscale(1);opacity:.4;box-shadow:inset 0 0 0 1px var(--edge)}
.xam-m.on{filter:none;opacity:1;background:radial-gradient(circle at 35% 30%,#FFF1C4,#F2B43A 60%,#A86B0E);box-shadow:0 6px 14px -6px rgba(242,180,58,.8),inset 0 -2px 5px rgba(0,0,0,.25),inset 0 2px 3px rgba(255,255,255,.6)}

/* 💞 match keeps its space */
.xs-match{padding:0;overflow:hidden}
.xs-match .match{border-radius:20px}

/* ---------- lists ---------- */
.xl-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.xl-bar h2{margin:0;margin-inline-end:auto;font:800 16px var(--font);color:#fff}
.xl-q,.xl-s{height:38px;border:0;outline:0;border-radius:11px;padding:0 12px;font:600 13px var(--font);color:#fff;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--edge)}
.xl-q{width:220px}.xl-q:focus{box-shadow:inset 0 0 0 2px var(--ac)}
.xl-s option{background:#141c38}
.xl-tabs{margin:0 0 16px}
.xv .tabs button{height:34px;border:0;cursor:pointer;background:rgba(255,255,255,.05);color:var(--text);box-shadow:inset 0 0 0 1px var(--edge);transition:background .2s}
.xv .tabs button:hover{background:rgba(255,255,255,.1)}
.xv .tabs button.on{background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--ac) 50%,#fff));color:#07101f;box-shadow:none}
.xv .pgrid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:18px 14px}
.xv .flt-note{margin:-6px 0 12px;font-size:13px;color:var(--muted)}
.xv .flt-note button{background:none;border:0;color:color-mix(in srgb,var(--ac) 70%,#fff);font:inherit;font-weight:800;cursor:pointer}
.xl-more{display:flex;justify-content:center;margin-top:18px}
.xl-more:empty{display:none}
.xv .pcard{background:transparent;box-shadow:none;border-radius:12px;overflow:visible;transition:transform .3s cubic-bezier(.2,.9,.3,1.3)}
.xv .pcard .cv{border-radius:12px;overflow:hidden;box-shadow:0 14px 24px -16px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.08)}
.xv .pcard .cv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.xv .pcard .cv > span{z-index:1}
.xv .pcard:hover{transform:translateY(-4px)}
.xv .pcard:hover .cv{box-shadow:0 20px 30px -16px color-mix(in srgb,var(--ac) 50%,rgba(0,0,0,.9)),inset 0 0 0 1px rgba(255,255,255,.2)}
.xv .pcard p{padding:8px 2px 0;color:#fff}
.xv .pcard p small{color:var(--muted)}
.xv .pcard .sc{background:rgba(6,10,26,.85);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.xv .pcard .pb{height:4px;background:rgba(0,0,0,.45)}
.xv .pcard .pb i{background:linear-gradient(90deg,var(--ac),#6EE39A)}

/* ---------- stats ---------- */
.x2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.x2 > .xs{margin:0}
.xv .vb small{color:#C5CCE6}
.xv .hb .t{background:rgba(255,255,255,.07)}
.bt-n{display:flex;align-items:flex-end;gap:10px}
.bt-n b{font:400 58px/1 Lalezar,var(--font);color:#5EE6D4}
.bt-n em{font-style:normal;font:400 20px Lalezar,var(--font);color:#5EE6D4;margin-bottom:6px}
.hg{display:none}
.bt-split{display:flex;height:7px;border-radius:99px;margin-top:14px;background:#FF8FC7;overflow:hidden}
.bt-split i{display:block;height:100%;background:linear-gradient(90deg,#5EE6D4,#5AB2FF)}
.bt-lg{display:flex;gap:14px;margin-top:8px;font-size:12px;color:var(--muted)}
.bt-lg span{display:inline-flex;align-items:center;gap:6px}.bt-lg i{width:8px;height:8px;border-radius:50%}.bt-lg i.a{background:#5EE6D4}.bt-lg i.m{background:#FF8FC7}
.bt-0{margin:8px 0 0;font-size:12.5px;line-height:1.9}
.xv .equiv{gap:7px;margin-top:14px}
.xv .equiv div{background:rgba(255,255,255,.035);border-radius:12px;font-size:12.5px;color:#D6DCF1}
.xd{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:18px;position:relative}
.xd svg{width:150px;height:150px;transform:rotate(-90deg);grid-row:1}
.xd-c{position:absolute;top:0;right:0;width:150px;height:150px;display:grid;place-content:center;text-align:center}
.xd-c b{font:400 26px/1 Lalezar,var(--font);color:#fff}.xd-c small{font-size:11.5px;color:var(--muted);font-weight:700}
.xd .seg{fill:none;stroke-width:15;stroke-dasharray:0 var(--c);stroke-dashoffset:var(--off);transition:stroke-dasharray 1s cubic-bezier(.3,.9,.2,1);transition-delay:var(--d)}
.xs.in .xd .seg{stroke-dasharray:var(--len) var(--c)}
.xd-l{display:grid;gap:6px;font-size:12.5px}
.xd-l span{display:flex;align-items:center;gap:8px;color:#D6DCF1}
.xd-l i{width:9px;height:9px;border-radius:50%}
.xd-l b{margin-inline-start:auto;color:var(--muted);font-weight:700}

/* ---------- progress ---------- */
.xv .pg-grid{gap:12px}
.xv .pg-grid.two{grid-template-columns:1.2fr 1fr}
.xv .pg-card{background:var(--panel2);box-shadow:inset 0 0 0 1px var(--edge);border-radius:18px}
.xv .pg-card h3,.xv .pg-card h4,.xv .pg-level h3{color:#fff}
.xv .pg-bar{background:rgba(255,255,255,.07)}
.xv .pg-q li{background:rgba(255,255,255,.035)}
.xv .pg-rules td{border-color:var(--edge)}
.xv .pg-parts span,.xv .pg-road li{background:rgba(255,255,255,.035)}
.xv .pg-how{margin-top:12px}
.xv .pg-link{color:color-mix(in srgb,var(--ac) 70%,#fff)}
.xv .pg-week{gap:3px}.xv .pg-week i{width:100%;max-width:30px;aspect-ratio:1;height:auto}.xv .pg-week small{font-size:9px;white-space:nowrap;overflow:hidden;max-width:100%}
.xv .pg-week .w-today i{outline-color:rgba(255,255,255,.35)}
.xv .pg-flame{display:grid;justify-items:center;align-content:start;gap:2px}.xv .pg-flame .fl{position:static;display:block;line-height:1.1}
.xv .pg-flame b{display:block;font:400 32px/1.15 Lalezar,var(--font);color:#FFB070;margin-top:2px}
.xv .pg-streak.lit{background:radial-gradient(circle at 88% 18%,rgba(255,138,61,.15),transparent 55%),var(--panel2)}
.xs-titles .th-hall,.xs-rep .xr{background:none;box-shadow:none;padding:0}
.xv .th-plate{background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 18%,transparent),rgba(184,146,255,.1));box-shadow:inset 0 0 0 1px var(--edge);border-radius:18px}
.xv .th-plate b,.xv .th-lk b,.xv .th-sec span{color:#fff}
.xv .th-tabs button{background:rgba(255,255,255,.045);color:var(--text);box-shadow:inset 0 0 0 1px var(--edge)}
.xv .th-tabs button.on{background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--ac) 50%,#fff));color:#07101f}
.xv .th-pin{background:rgba(255,255,255,.045);color:#fff;box-shadow:inset 0 0 0 1px var(--edge);transition:transform .2s,background .2s}
.xv .th-pin:hover{transform:translateY(-1px);background:rgba(255,255,255,.09)}
.xv .th-pin.sel{background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 35%,transparent),rgba(255,201,60,.15));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ac) 80%,#fff)}
.xv .th-lk{background:rgba(255,255,255,.025);box-shadow:inset 0 0 0 1px var(--edge)}
.xv .th-tog{background:rgba(255,255,255,.06);color:#fff}
.xv .th-count .bg{stroke:rgba(255,255,255,.1)}
.xs-rep .xr-top > div > small:first-child{display:none}
.xv .xr-top b{color:#fff}
.xv .xr-leg span{background:rgba(255,255,255,.035);color:var(--text)}
.xv .xr-back{background:rgba(110,227,154,.07);box-shadow:inset 0 0 0 1px rgba(110,227,154,.22)}
.xv .xr-c{background:rgba(255,255,255,.03)}
.xv .xr-bb span{background:rgba(255,255,255,.07)}
.xv .xr-ch{margin-top:14px;padding:0;border:0;border-radius:16px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--edge);overflow:hidden}
.xr-ch summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:13px 15px;font-size:14px;color:#fff}
.xr-ch summary::-webkit-details-marker{display:none}
.xr-ch summary:hover{background:rgba(255,255,255,.03)}
.xr-ch summary span{font-size:18px}.xr-ch summary small{color:var(--muted);font-size:12px}
.xr-ch summary i{margin-inline-start:auto;font-style:normal;transition:transform .3s}
.xr-ch[open] summary i{transform:rotate(180deg)}
.xr-ch > :not(summary){padding-inline:15px}
.xr-ch .xr-end{padding-bottom:13px}
.xs-ach .ach{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.xv .ac{flex-direction:column;align-items:center;text-align:center;gap:7px;padding:16px 10px 14px;border-radius:18px;background:rgba(255,255,255,.025);box-shadow:inset 0 0 0 1px var(--edge);transition:transform .25s,background .25s}
.xv .ac:hover{transform:translateY(-3px);background:rgba(255,255,255,.05)}
.xv .ac .md{position:relative;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 2px rgba(255,255,255,.07)}
.xv .ac .ic{width:auto;height:auto;background:none;box-shadow:none;font-size:28px;filter:grayscale(1);opacity:.35;border-radius:0}
.xv .ac .lk{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);font-size:11px;opacity:.8}
.xv .ac.on .md{background:radial-gradient(circle at 35% 28%,#FFF4CF,#F5BC45 55%,#A86B0E 100%);box-shadow:0 10px 22px -10px rgba(245,188,69,.85),inset 0 -4px 8px rgba(0,0,0,.25),inset 0 3px 5px rgba(255,255,255,.7)}
.xv .ac.on .ic{filter:drop-shadow(0 2px 2px rgba(0,0,0,.25));opacity:1}
.xv .ac .sw{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%);transform:translateX(-120%);transition:transform .8s}
.xv .ac:hover .sw{transform:translateX(120%)}
.xv .ac b{font-size:13px;color:#fff}.xv .ac:not(.on) b{color:#9aa3c4}
.xv .ac small{font-size:11px;color:var(--muted);line-height:1.7}

/* ---------- guest bar ---------- */
.xv .guest-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13.5px;line-height:1.9;border:0}
.xv .guest-bar .gi{font-size:24px;color:#FFC93C}.xv .guest-bar > div{flex:1;min-width:220px}

/* ---------- 👑 Plus ---------- */
.xh.plus .xh-ring{background:conic-gradient(from var(--pa,0deg),#ffd34d,#fff2c2,#ffb800,#ff6fb5,#ffd34d);animation:plRing 4s linear infinite}
.xh.plus .xh-av::after{content:"👑";position:absolute;top:-30px;left:50%;transform:translateX(-50%) rotate(-8deg);font-size:30px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));animation:plCrown 3s ease-in-out infinite}

/* the nav over this page is always the night one */
.prof .nav.solid{background:rgba(10,15,36,.92)}
:root:not([data-theme="dark"]) .prof .nav.solid .links a,:root:not([data-theme="dark"]) .prof .nav.solid .logo{color:#E6EAF7}

/* ---------- smaller screens ---------- */
@media (max-width:1060px){
  .xo-cols{grid-template-columns:1fr}
  .xs-feed.big .xa-g{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .xh-in{grid-template-columns:auto minmax(0,1fr)}.xh-side{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%}
}
@media (max-width:640px){
  .xh{padding-bottom:14px}
  .xh-in{grid-template-columns:1fr;justify-items:center;text-align:center;gap:6px}
  .xh-av,.xh-av .me-av{width:124px;height:124px}.xh-av{margin-top:-62px}.xh-av .me-av{font-size:54px;border-width:5px}
  .xh-id{padding-top:4px}.xh-id h1{justify-content:center}.xh .pf-handle,.xh-foot{justify-content:center}.xh .pf-bio{margin-inline:auto}
  .xh-side{flex-direction:column;align-items:stretch;gap:10px}.xh .pf-act{justify-content:center;flex-wrap:wrap}
  .xh-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.xc{min-width:0;padding:7px 4px}.xc b{font-size:16px}.xc small{font-size:10px}
  .xt{top:56px}.xt button{height:48px;padding:0 13px;font-size:13px}
  .xs{padding:15px 13px;border-radius:18px}
  .xst{gap:8px}.xst-b{padding:12px 10px}.xst-n b{font-size:17px}.xst-n small{font-size:10px}
  .xa-g,.xs-feed.big .xa-g,.xa-sk{grid-template-columns:1fr}
  .x2{grid-template-columns:minmax(0,1fr)}
  .xv .pg-grid,.xv .pg-grid.two{grid-template-columns:1fr}
  .xs-ach .ach{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xv .pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}
  .xl-q{flex:1;width:auto;min-width:0}
  .xfv-g{grid-template-columns:repeat(4,minmax(0,1fr))}
  .xam{grid-template-columns:repeat(4,1fr)}
  .xd{grid-template-columns:1fr;justify-items:center}.xd-c{right:auto;left:50%;transform:translateX(-50%)}
}
@media (prefers-reduced-motion:reduce){.xv *,.xv{animation:none!important;transition:none!important}.xv .xs,.xv .vt,.xst{opacity:1;transform:none}}
.xs-t{flex:1;min-width:0}
.xs-t h2{margin:0;font:800 15px/1.4 var(--font);color:#fff}
.xs-t p{margin:1px 0 0;font-size:12px;color:var(--muted);line-height:1.8}
.xs-t p:empty{display:none}
.xs-h .an-rc{margin:0;margin-inline-start:auto}
.xs-h{flex-wrap:wrap;row-gap:2px}.xs-h h2{flex:none}.xs-h small{flex:1 1 140px;min-width:0}

/* 🎬 creator card & ring */
.xh-cr{position:relative;margin:12px 0 4px;padding:12px 14px;border-radius:16px;max-width:560px;overflow:hidden;color:#fff;
  background:linear-gradient(120deg,rgba(255,45,45,.18),rgba(145,70,255,.2)),#141a30;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 10px 30px -14px rgba(145,70,255,.8)}
.xh-cr::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:linear-gradient(#ff2d2d,#9146ff)}
.xh-cr::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);background-size:250% 100%;animation:xcSweep 5s ease-in-out infinite;pointer-events:none}
@keyframes xcSweep{0%,40%{background-position:140% 0}100%{background-position:-140% 0}}
.xc-top{display:flex;align-items:center;gap:10px}
.xc-clap{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:20px;background:linear-gradient(135deg,#ff3b3b,#9146ff);box-shadow:0 6px 16px -6px #ff2d2d}
.xc-top b{display:block;font-size:14.5px;font-weight:900;background:linear-gradient(90deg,#ff8a8a,#d1b3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.xc-top small{display:block;font-size:12px;color:rgba(255,255,255,.75);margin-top:2px}
.xc-note{margin:8px 0 0;font-size:13px;line-height:1.9;color:rgba(255,255,255,.88)}
.xc-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;position:relative;z-index:1}
.xc-l{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:10px;font-size:12.5px;font-weight:800;color:#fff;text-decoration:none;transition:transform .2s,filter .2s}
.xc-l svg{width:17px;height:17px}
.xc-l:hover{transform:translateY(-2px);filter:brightness(1.1)}
.xc-youtube{background:#ff0033}.xc-twitch{background:#9146ff}.xc-kick{background:#53fc18;color:#0b0e0f}.xc-aparat{background:#ed145b}
.xc-instagram{background:linear-gradient(45deg,#f9a825,#e91e63 50%,#7b1fa2)}.xc-telegram{background:#229ed9}
.xh.creator .xh-ring{background:conic-gradient(from var(--pa,0deg),#ff2d2d,#ff8a3d,#9146ff,#3db4f2,#ff2d2d);animation:plRing 5s linear infinite}
html.lite .xh-cr::after,html.lite .xh.creator .xh-ring{animation:none}
@media (max-width:640px){.xh-cr{margin-inline:auto;text-align:start}.xc-l{flex:1 1 auto;justify-content:center}}
@media (prefers-reduced-motion:reduce){.xh-cr::after,.xh.creator .xh-ring{animation:none}}

/* 💞 هم‌آسمانی: compact taste match */
.sm-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:center}
.sm-a{display:flex;align-items:center;gap:16px;min-width:0}
.sm-ring{position:relative;flex:none;width:128px;height:128px}
.sm-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.sm-ring circle{fill:none;stroke-width:9;stroke-linecap:round}
.sm-tr{stroke:rgba(255,255,255,.07)}
.sm-pr{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1) .15s;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--a) 60%,transparent))}
.sm-ring.go .sm-pr{stroke-dashoffset:var(--off)}
.sm-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.sm-avs{display:flex}
.sm-av{width:34px;height:34px;border-radius:50%;background:center/cover;display:grid;place-items:center;font:800 14px var(--font);color:#fff;box-shadow:0 0 0 2.5px #121a38}
.sm-av:first-child{box-shadow:0 0 0 2.5px #121a38,0 0 14px -2px var(--a)}
.sm-av + .sm-av{margin-inline-start:-9px;box-shadow:0 0 0 2.5px #121a38,0 0 14px -2px var(--b)}
.sm-in b{font:400 30px/1 Lalezar,var(--font);color:#fff;letter-spacing:0}
.sm-in b i{font-style:normal;font-size:.6em;opacity:.8}
.sm-v{min-width:0}
.sm-word{display:inline-block;font:400 22px/1.3 Lalezar,var(--font);background:linear-gradient(90deg,var(--a,#FF7AC6),var(--b,#9AA8FF));-webkit-background-clip:text;background-clip:text;color:transparent}
.sm-v p{margin:4px 0 0;font-size:12.5px;line-height:1.85;color:var(--text)}
.sm-sh{display:flex;align-items:center;gap:8px;margin-top:8px}
.sm-stk{display:flex}
.sm-stk a{width:26px;height:36px;border-radius:6px;background:center/cover #1b2440;box-shadow:0 0 0 2px #121a38;transition:transform .2s}
.sm-stk a + a{margin-inline-start:-8px}
.sm-stk a:hover{transform:translateY(-3px);z-index:1}
.sm-sh small{font-size:12px;color:var(--muted)}.sm-sh b{color:#fff}
.sm-duel{display:flex;flex-direction:column;gap:6px}
.sm-dh{display:flex;justify-content:space-between;font-size:11px;font-weight:800;margin-bottom:2px}
.sm-dh span{color:var(--c);max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sm-dr{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.sm-dr b{font-size:11.5px;font-weight:800;color:#fff;min-width:56px;text-align:center}
.sm-dr span{height:7px;border-radius:7px;background:rgba(255,255,255,.06);display:flex;overflow:hidden}
.sm-dr .l{justify-content:flex-end}.sm-dr .r{justify-content:flex-start}
.sm-dr i{display:block;height:100%;width:var(--w);border-radius:inherit;background:var(--g);transform-origin:inherit}
.sm-c{display:flex;flex-direction:column;gap:8px;min-width:0}
.sm-pk{display:flex;align-items:center;gap:10px;padding:7px;border-radius:14px;text-decoration:none;color:inherit;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line);transition:background .2s,transform .2s}
.sm-pk:hover{background:rgba(255,255,255,.07);transform:translateY(-2px)}
.sm-pk.sp{background:linear-gradient(120deg,rgba(255,122,198,.12),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,122,198,.28)}
.sm-pk .cv{flex:none;width:40px;height:56px;border-radius:8px;background:center/cover #1b2440}
.sm-pk .tx{min-width:0;display:flex;flex-direction:column;gap:1px}
.sm-pk small{font-size:10.5px;font-weight:800;color:#FFC93C}.sm-pk.sp small{color:#FF9AD5}
.sm-pk b{font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-pk em{font-style:normal;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-x{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
.sm-x summary{cursor:pointer;list-style:none;font-size:12.5px;font-weight:800;color:color-mix(in srgb,var(--ac) 70%,#fff);text-align:center}
.sm-x summary::-webkit-details-marker{display:none}
.sm-x[open] summary{margin-bottom:10px}
.sm-more h4{display:none}
.sm-mc{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;justify-content:center}
.sm-mc::-webkit-scrollbar{display:none}
.sm-mc a{position:relative;flex:none;width:64px}
.sm-mc span{display:block;width:64px;height:90px;border-radius:10px;background:center/cover #1b2440}
.sm-mc em{position:absolute;bottom:4px;left:4px;right:4px;font-style:normal;font-size:10px;font-weight:800;text-align:center;color:#FFD34D;background:rgba(0,0,0,.6);border-radius:6px}
@media (max-width:980px){.sm-grid{grid-template-columns:1fr 1fr}.sm-a{grid-column:1/-1}}
@media (max-width:640px){
  .sm-grid{grid-template-columns:1fr;gap:14px}
  .sm-ring{width:108px;height:108px}.sm-in b{font-size:26px}.sm-av{width:28px;height:28px}
  .sm-c{flex-direction:row;overflow-x:auto;scrollbar-width:none;margin-inline:-18px;padding-inline:18px}
  .sm-c::-webkit-scrollbar{display:none}
  .sm-pk{flex:0 0 78%}
  .sm-mc{justify-content:flex-start}
}
html.lite .sm-pr{transition:none;filter:none}
@media (prefers-reduced-motion:reduce){.sm-pr{transition:none}}


/* 🔴 الان دارم می‌بینم */
.xs-now{padding:0;overflow:hidden;isolation:isolate}
.nw-bg{position:absolute;inset:0;z-index:-1;background:center 30%/cover;opacity:.32;
  -webkit-mask:linear-gradient(270deg,#000 0,rgba(0,0,0,.55) 55%,transparent 100%);mask:linear-gradient(270deg,#000 0,rgba(0,0,0,.55) 55%,transparent 100%)}
.xs-now::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px 220px at 90% 10%,color-mix(in srgb,var(--nc) 30%,transparent),transparent 70%),linear-gradient(270deg,rgba(10,15,36,.2),rgba(10,15,36,.92) 70%)}
.nw-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;padding:18px}
.nw-in.pop .nw-cv,.nw-in.pop .nw-tx{animation:nwPop .45s cubic-bezier(.2,1.3,.4,1)}
@keyframes nwPop{from{opacity:.3;transform:translateY(8px)}}
.nw-cv{position:relative;width:104px;aspect-ratio:2/3;border-radius:14px;background:center/cover #1b2440;box-shadow:0 20px 40px -16px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.12),0 0 40px -10px var(--nc);transition:transform .25s}
.nw-cv:hover{transform:translateY(-3px) rotate(-1deg)}
.nw-ep{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);min-width:30px;padding:3px 8px;border-radius:99px;text-align:center;font:400 15px/1 Lalezar,var(--font);color:#07101f;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--nc) 45%,#fff));box-shadow:0 0 0 3px #10173a}
.nw-tx{min-width:0}
.nw-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.nw-pill{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px;border-radius:99px;font-size:12px;font-weight:800;color:#fff;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.nw-pill b{font-size:10px;color:#6EE39A}
.nw-pill.live{background:rgba(255,64,96,.18);box-shadow:inset 0 0 0 1px rgba(255,64,96,.55);color:#FFD0DA}
.nw-pill.live i{width:8px;height:8px;border-radius:50%;background:#FF4060;box-shadow:0 0 0 0 rgba(255,64,96,.8);animation:nwLive 1.5s infinite}
@keyframes nwLive{70%{box-shadow:0 0 0 8px rgba(255,64,96,0)}100%{box-shadow:0 0 0 0 rgba(255,64,96,0)}}
.nw-pill.dim{color:var(--muted)}
.nw-hint{font-size:11px;color:var(--muted)}
.nw-t{display:block;margin-top:6px;font:400 26px/1.3 Lalezar,var(--font);color:#fff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nw-p{display:flex;align-items:baseline;gap:6px;font-size:13px;color:var(--text)}
.nw-p b{font-size:15px;color:#fff}.nw-p small{color:var(--muted)}
.nw-strip{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:3px;max-width:520px;margin-top:10px}
.nw-strip i{height:7px;border-radius:3px;background:rgba(255,255,255,.12)}
.nw-strip i.s2{background:var(--nc);box-shadow:0 0 8px -2px var(--nc)}
.nw-strip i.s0{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.nw-strip i.nx{background:#fff;animation:nwNext 1.6s ease-in-out infinite}
@keyframes nwNext{50%{opacity:.35}}
.nw-bar{height:7px;max-width:520px;margin-top:10px;border-radius:7px;background:rgba(255,255,255,.1);overflow:hidden}
.nw-bar i{display:block;height:100%;border-radius:inherit;background:var(--nc)}
.nw-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:12px;color:var(--muted)}
.nw-meta .nw-rt{color:#FFD34D}
.nw-rate{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:12.5px;font-weight:700;color:#fff}
.nw-rate span{margin-inline-end:6px;white-space:nowrap}
.nw-rate button{border:0;background:none;padding:0 2px;font-size:22px;line-height:1;color:rgba(255,255,255,.25);cursor:pointer;transition:transform .15s,color .15s}
.nw-rate button:hover,.nw-rate button:hover ~ button{color:rgba(255,255,255,.25)}
.nw-rate:hover button{color:#FFD34D}.nw-rate button:hover ~ button{color:rgba(255,255,255,.25)}
.nw-rate button:hover{transform:scale(1.2)}
.nw-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.nw-acts .xb.ghost{background:none;box-shadow:none;color:var(--muted)}
.nw-tick{background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--nc) 50%,#fff))!important}
.nw-caught{font-size:12.5px;font-weight:700;color:#6EE39A}
.nw-also{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:8px;padding-inline-start:18px;border-inline-start:1px solid var(--line)}
.nw-also small{font-size:11px;color:var(--muted);max-width:150px}
.nw-also > div{display:flex;gap:8px}
.nw-o{position:relative;width:44px;padding:0;border:0;background:none;cursor:pointer;opacity:.6;transition:opacity .2s,transform .2s}
.nw-o span{display:block;width:44px;height:62px;border-radius:9px;background:center/cover #1b2440}
.nw-o em{display:block;margin-top:3px;font-style:normal;font-size:10px;font-weight:800;color:var(--text)}
.nw-o.on{opacity:1;transform:translateY(-3px)}.nw-o.on span{box-shadow:0 0 0 2px #fff}
.nw-o:hover{opacity:1}
@media (max-width:760px){
  .nw-in{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:16px}
  .nw-cv{width:84px}
  .nw-t{font-size:21px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .nw-acts{grid-column:1/-1}
  .nw-acts .xb{flex:1 1 auto;justify-content:center}
  .nw-also{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 0 0;border:0;border-top:1px solid var(--line)}
  .nw-hint{display:none}
}
@media (max-width:760px){.nw-in > .nw-tx{display:contents}.nw-in > .nw-tx > *{grid-column:2}.nw-in > .nw-tx > .nw-strip,.nw-in > .nw-tx > .nw-meta,.nw-in > .nw-tx > .nw-acts{grid-column:1/-1}.nw-cv{grid-row:1/span 3}}
html.lite .nw-pill.live i,html.lite .nw-strip i.nx{animation:none}
@media (prefers-reduced-motion:reduce){.nw-pill.live i,.nw-strip i.nx,.nw-in.pop *{animation:none!important}}

/* now watching v2: season tag, now-playing bars, crowd, countdown */
.nw-t{display:flex;align-items:center;gap:10px;min-width:0}
.nw-t > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nw-sn{flex:none;font-style:normal;font:800 12px/1 var(--font);padding:5px 9px;border-radius:8px;color:#07101f;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--nc) 55%,#fff));box-shadow:0 4px 14px -6px var(--nc)}
.nw-pill.live i{display:none}
.nw-eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}
.nw-pill .nw-eq i{display:block!important;width:3px!important;height:100%!important;border-radius:2px!important;background:currentColor;transform-origin:bottom;animation:nwEq 1s ease-in-out infinite;box-shadow:none!important}
.nw-pill.live .nw-eq i{background:#FF4060}
.nw-pill:not(.live) .nw-eq i{background:#6EE39A;animation-duration:1.6s}
.nw-eq i:nth-child(2){animation-delay:-.4s}.nw-eq i:nth-child(3){animation-delay:-.7s}.nw-eq i:nth-child(4){animation-delay:-.2s}
@keyframes nwEq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
.nw-cd{color:#9FD8FF}
.nw-crowd{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--text)}
.nw-crowd b{color:#fff}
.nw-fcs{display:flex}
.nw-fc{width:24px;height:24px;border-radius:50%;background:center/cover;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;box-shadow:0 0 0 2px #10173a}
.nw-fc + .nw-fc{margin-inline-start:-7px}
.nw-cic{font-size:15px}
html.lite .nw-eq i{animation:none;transform:scaleY(.7)}
@media (prefers-reduced-motion:reduce){.nw-eq i{animation:none;transform:scaleY(.7)}}
@media (max-width:760px){.nw-sn{font-size:11px;padding:4px 7px}.nw-t{flex-wrap:wrap;gap:4px 8px}.nw-t > span{white-space:normal}}
.x2 > *{min-width:0}

/* 📚 manga · manhwa · manhua inside the reading list */
.pcard .mt.manhwa{background:rgba(124,92,255,.92)}
.pcard .mt.manhua{background:rgba(232,65,79,.92)}
.xk-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.xk-chips[hidden]{display:none}
.xk-chips button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border-radius:99px;border:1px solid var(--line);background:var(--fg);color:var(--text);font:700 12.5px var(--font);cursor:pointer}
.xk-chips button small{font-size:11px;color:var(--muted)}
.xk-chips button.on{color:#fff;border-color:transparent;background:linear-gradient(135deg,#E85D75,#8B6CFF)}
.xk-chips button.on small{color:rgba(255,255,255,.8)}