/* 💗 «حس‌وحال اعضا» (۲۳ مهر، از نو): what the members feel about this anime. Page colours (light/dark) + the anime's own colour (--ac). */
.pz{--pa:var(--ac,#3DB4F2);--pas:color-mix(in srgb,var(--ac,#3DB4F2) 12%,var(--fg));--pat:color-mix(in srgb,var(--ac,#3DB4F2) 78%,#0b1020)}
[data-theme=dark] .pz{--pat:color-mix(in srgb,var(--ac,#3DB4F2) 65%,#fff)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pz{--pat:color-mix(in srgb,var(--ac,#3DB4F2) 65%,#fff)}}
.pz-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.pz-c{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px 20px;border-radius:22px;background:var(--fg);border:1px solid var(--line);box-shadow:var(--shadow-s);min-width:0}
.pz-c>header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.pz-c h3{margin:0;font-size:16.5px;font-weight:800;color:var(--strong)}
.pz-c>header small{font-size:12px;color:var(--muted);white-space:nowrap}
.pz-help{margin:0;font-size:12.5px;color:var(--muted);line-height:1.8}
.pz-feel{grid-column:span 7}.pz-poll{grid-column:span 5}.pz-best{grid-column:span 7}.pz-tags{grid-column:span 5}.pz-note{grid-column:1/-1}
.pz-grid>[hidden]{display:none}
.pz-grid:has(.pz-poll[hidden]) .pz-feel,.pz-grid:has(.pz-tags[hidden]) .pz-best{grid-column:1/-1}

/* feeling */
.pz-verdict{display:flex;align-items:center;gap:14px}
.pz-big{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:20px;font-size:36px;line-height:1;background:color-mix(in srgb,var(--c,#888) 16%,var(--fg));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c,#888) 45%,transparent)}
.pz-big.empty{background:var(--fg2);box-shadow:none;opacity:.7}
.pz-verdict small{display:block;font-size:12px;color:var(--muted)}
.pz-verdict b{display:block;font:400 28px/1.25 Lalezar,var(--font);color:var(--strong)}
.pz-verdict em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--text)}
.pz-stack{display:flex;height:12px;border-radius:99px;overflow:hidden;background:var(--fg2);gap:2px}
.pz-stack i{width:var(--w);background:var(--c);min-width:4px;animation:pzGrow .8s cubic-bezier(.2,.9,.3,1) both;transform-origin:right}
@keyframes pzGrow{from{transform:scaleX(0)}}
.pz-rx{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.pz-r{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 8px;border-radius:16px;border:1.5px solid transparent;background:var(--fg2);color:var(--text);font:inherit;cursor:pointer;transition:transform .15s,border-color .2s,background .2s;min-height:84px}
.pz-r .e{font-size:26px;line-height:1.1;transition:transform .2s}
.pz-r b{font-size:11.5px;font-weight:700;white-space:nowrap}
.pz-r small{font-size:11px;color:var(--muted);min-height:15px}
.pz-r:hover{transform:translateY(-2px)}.pz-r:hover .e{transform:scale(1.12)}
.pz-r.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 14%,var(--fg))}
.pz-r.on b{color:var(--strong)}
.pz-r.on::after{content:"✓";position:absolute;top:5px;left:7px;font-size:11px;font-weight:900;color:var(--c)}

/* favourite character */
.pz-pod{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:10px}
.pz-ch{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:0;border:0;background:none;color:var(--text);font:inherit;cursor:pointer;text-align:center;min-width:0}
.pz-pic{position:relative;display:grid;place-items:center;aspect-ratio:3/4;border-radius:16px;background:center/cover no-repeat var(--fg2);box-shadow:inset 0 0 0 1px var(--line);transition:transform .2s,box-shadow .2s;overflow:visible}
.pz-pic em{font-style:normal;font-size:26px;font-weight:800;color:#fff}
.pz-ch:hover .pz-pic{transform:translateY(-3px)}
.pz-ch.mine .pz-pic{box-shadow:0 0 0 2.5px var(--pa),0 10px 22px -10px var(--pa)}
.pz-ch.lead .pz-pic{box-shadow:0 0 0 2.5px #f4b63f,0 10px 22px -10px #f4b63f}
.pz-ch.mine.lead .pz-pic{box-shadow:0 0 0 2.5px #f4b63f,0 0 0 5px var(--pa)}
.pz-crown{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-style:normal;font-size:22px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.pz-tick{position:absolute;bottom:6px;left:6px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-style:normal;font-size:12px;font-weight:900;color:#fff;background:var(--pa)}
.pz-ch b{font-size:12.5px;font-weight:700;color:var(--strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pz-pc{display:block;height:6px;border-radius:9px;background:var(--fg2);overflow:hidden}
.pz-pc i{display:block;height:100%;width:var(--w);background:var(--pa);border-radius:inherit;animation:pzGrow .8s cubic-bezier(.2,.9,.3,1) both;transform-origin:right}
.pz-ch.lead .pz-pc i{background:#f4b63f}
.pz-ch small{font-size:11.5px;font-weight:700;color:var(--muted)}

/* best episode */
.pz-win{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pz-w1{display:flex;align-items:center;gap:12px;flex:1 1 220px}
.pz-cup{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:18px;font-size:28px;background:color-mix(in srgb,#f4b63f 18%,var(--fg));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,#f4b63f 50%,transparent)}
.pz-w1.empty .pz-cup{filter:grayscale(1);opacity:.6}
.pz-w1 small{display:block;font-size:12px;color:var(--muted)}
.pz-w1 b{display:block;font:400 26px/1.25 Lalezar,var(--font);color:var(--strong)}
.pz-w1 em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--text)}
.pz-w2{display:flex;flex-direction:column;gap:6px}
.pz-w2 span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--strong)}
.pz-w2 i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-style:normal;font-size:11.5px;background:var(--fg2);color:var(--text)}
.pz-w2 small{font-size:11.5px;font-weight:600;color:var(--muted)}
.pz-hist{display:flex;align-items:flex-end;gap:3px;height:120px;padding:8px 2px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.pz-hist button{position:relative;flex:1 0 14px;max-width:34px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;padding:0;border:0;background:none;cursor:pointer;font:inherit}
.pz-hist.long button{flex:0 0 12px}
.pz-hist button i{display:block;height:var(--h);min-height:4px;border-radius:5px 5px 2px 2px;background:color-mix(in srgb,var(--pa) 40%,var(--fg2));transition:background .15s,transform .15s;transform-origin:bottom;animation:pzUp .7s cubic-bezier(.2,.9,.3,1) both}
@keyframes pzUp{from{transform:scaleY(0)}}
.pz-hist button span{display:block;height:16px;margin-top:3px;font-size:10px;line-height:16px;color:var(--muted);text-align:center;white-space:nowrap}
.pz-hist button:hover i{background:var(--pa)}
.pz-hist button.win i{background:linear-gradient(#ffd36b,#f4b63f)}
.pz-hist button.on i{background:var(--pa);box-shadow:0 0 0 2px var(--fg),0 0 0 4px var(--pa)}
.pz-hist button.on span{color:var(--pat);font-weight:800}

/* mood tags */
.pz-tg{display:flex;flex-wrap:wrap;gap:7px}
.pz-t{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;font-size:13px;color:var(--strong);background:color-mix(in srgb,var(--pa) calc(var(--p) * .22%),var(--fg2));border:1px solid color-mix(in srgb,var(--pa) calc(var(--p) * .4%),transparent)}
.pz-t small{font-size:11px;font-weight:700;color:var(--muted)}
.pz-t.top{padding:9px 15px;font-size:15px;font-weight:800}
.pz-t.top b::before{content:"★ ";color:var(--pat)}

/* private note */
.pz-note textarea{width:100%;min-height:64px;resize:vertical;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--fg2);color:var(--strong);font:inherit;font-size:14px;line-height:1.9}
.pz-note .vn-st{font-size:12px;color:var(--muted)}

/* your share of this page (the per-page XP; only shown here, nothing about it changed) */
.pz-me{display:flex;align-items:center;gap:14px;margin-top:14px;padding:12px 16px;border-radius:18px;background:var(--pas);border:1px dashed color-mix(in srgb,var(--pa) 35%,var(--line))}
.pz-me .lring{width:52px;height:52px;flex:none;background:conic-gradient(var(--pa) var(--lp),var(--fg2) 0)}
.pz-me .lring::before{inset:6px}
.pz-me .lring b{font-size:20px}
.pz-mi{flex:1;min-width:0}
.pz-mt{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pz-mt b{font-size:14px;color:var(--strong)}
.pz-mt small{font-size:12px;color:var(--muted);margin-inline-start:auto}
.pz-me .xpbar{height:6px;margin:6px 0}
.pz-me .xpbar i{background:var(--pa)}
.pz-bd{display:flex;flex-wrap:wrap;gap:5px}
.pz-me .bdg{width:30px;height:30px;border-radius:9px;font-size:15px}
.pz-me .xphint{margin-top:6px;font-size:12px;color:var(--pat);font-weight:700}

@media (max-width:900px){.pz-feel,.pz-poll,.pz-best,.pz-tags{grid-column:1/-1}}
@media (max-width:600px){
  .pz-c{padding:15px 14px;border-radius:20px}
  .pz-rx{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pz-r{min-height:76px}
  .pz-pod{grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:7px}
  .pz-ch b{font-size:11.5px}
  .pz-verdict b{font-size:24px}
  .pz-me{align-items:flex-start}
  .pz-mt small{margin-inline-start:0;width:100%}
}
html.lite .pz-stack i,html.lite .pz-pc i,html.lite .pz-hist button i{animation:none}
@media (prefers-reduced-motion:reduce){.pz-stack i,.pz-pc i,.pz-hist button i{animation:none}}