/* 🎬 تریلر و تصاویر */
.hm-hero{display:inline-flex;align-items:center;gap:8px;position:relative}
.hm-hero svg{width:16px;height:16px}
.hm-hero::after{content:"";position:absolute;inset:-3px;border-radius:inherit;box-shadow:0 0 0 2px rgba(255,255,255,.5);opacity:0;animation:hmPing 2.4s ease-out infinite}
@keyframes hmPing{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.18)}}
/* one cinema panel: trailer and pictures side by side */
.hm{position:relative;isolation:isolate;overflow:hidden;padding:14px;border-radius:26px;background:linear-gradient(160deg,#121830,#0a0e1c 60%,#0d0f1a);box-shadow:0 30px 70px -34px rgba(4,8,24,.85),inset 0 1px 0 rgba(255,255,255,.07)}
.hm::before{content:"";position:absolute;inset:0;z-index:-1;padding:1px;border-radius:inherit;background:linear-gradient(130deg,var(--ac),transparent 35%,transparent 65%,rgba(255,255,255,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8}
.hm-glow{position:absolute;z-index:-2;width:70%;height:140%;top:-60%;right:-20%;background:radial-gradient(closest-side,color-mix(in srgb,var(--ac) 45%,transparent),transparent);opacity:.55;pointer-events:none;animation:hmDrift 14s ease-in-out infinite alternate}
@keyframes hmDrift{to{transform:translate(-30%,25%)}}
.hm-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 12px}
.hm-chip{font:800 13px var(--font);color:#fff;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.hm-meta{display:flex;gap:6px;flex:none}.hm-meta em{font-style:normal;font-size:11px;font-weight:800;color:rgba(255,255,255,.8);padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.hm-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:10px;height:250px}
.no-tr .hm-body,.no-pic .hm-body{grid-template-columns:1fr}
.hm-trs{display:grid;gap:8px;height:100%;min-height:0;grid-template-rows:repeat(var(--nt),minmax(0,1fr))}
.no-pic .hm-body{height:auto}
.no-pic .hm-trs{grid-template-rows:none;grid-template-columns:repeat(var(--nt),minmax(0,1fr))}
.no-pic .hm-tr{height:auto;aspect-ratio:16/9}
.no-pic .hm-trs.n1 .hm-tr{aspect-ratio:auto;height:290px}
.no-pic .hm-trs.n1 .hm-play{width:74px;height:74px;margin:-37px 0 0 -37px}.no-pic .hm-trs.n1 .hm-play svg{width:30px;height:30px}
.no-pic .hm-trs.n1 .hm-tl b{font-size:24px}
.hm-tr.alt .hm-play{width:42px;height:42px;margin:-21px 0 0 -21px;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.75)}
.hm-tr.alt .hm-play svg{width:18px;height:18px}
.hm-tr.alt:hover .hm-play{background:var(--ac)}
.hm-tmore{position:absolute;top:9px;left:9px;padding:2px 9px;border-radius:99px;font-size:10.5px;font-weight:800;color:#fff;background:rgba(0,0,0,.55)}
.hm-tsw{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:12px}.hm-tsw::-webkit-scrollbar{display:none}
.hm-tsw button{position:relative;flex:none;width:150px;aspect-ratio:16/9;overflow:hidden;padding:0;border:0;border-radius:12px;background:#111 center/cover;cursor:pointer;opacity:.6;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);transition:opacity .2s}
.hm-tsw button.on,.hm-tsw button:hover{opacity:1}.hm-tsw button.on{box-shadow:inset 0 0 0 2px #ff3e62}
.hm-tsw span{position:absolute;right:0;left:0;bottom:0;padding:14px 8px 5px;font-size:11px;font-weight:800;color:#fff;text-align:right;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-tr{position:relative;isolation:isolate;overflow:hidden;display:block;width:100%;height:100%;padding:0;border:0;border-radius:18px;cursor:pointer;background:#05070f;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 18px 40px -20px #000}
.hm-trbg{position:absolute;inset:0;z-index:-3;background:var(--bg) center/cover;filter:saturate(1.15);transition:transform 6s cubic-bezier(.2,.6,.2,1)}
.hm-tr:hover .hm-trbg{transform:scale(1.1)}
.hm-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,rgba(4,6,16,.95),rgba(4,6,16,.15) 55%,rgba(4,6,16,.35)),linear-gradient(90deg,color-mix(in srgb,var(--ac) 30%,transparent),transparent 60%)}
.hm-scan{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
.hm-play{position:absolute;top:44%;left:50%;width:58px;height:58px;margin:-29px 0 0 -29px;display:grid;place-items:center;border-radius:50%;background:var(--ac);box-shadow:0 0 0 6px color-mix(in srgb,var(--ac) 25%,transparent),0 12px 34px -6px color-mix(in srgb,var(--ac) 80%,#000);transition:transform .3s cubic-bezier(.3,1.5,.5,1)}
.hm-play svg{width:24px;height:24px;fill:#fff;margin-left:3px}
.hm-play i{position:absolute;inset:-6px;border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--ac) 70%,#fff);animation:hmPing 2s ease-out infinite}
.hm-tr:hover .hm-play{transform:scale(1.12)}
.hm-tl{position:absolute;right:12px;left:12px;bottom:11px;text-align:right;color:#fff}
.hm-tl small{display:inline-block;padding:2px 9px;border-radius:99px;font-size:10.5px;font-weight:800;color:#fff;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hm-tl b{display:block;margin-top:5px;font:400 17px/1.3 var(--display);text-shadow:0 2px 10px rgba(0,0,0,.7)}
.hm-grid{display:grid;gap:8px;height:100%;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr}
.hm-grid .hm-p:first-child{grid-row:1/-1}
.hm-grid.n4{grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,1fr)}
.hm-grid.n3{grid-template-columns:2fr 1fr}
.hm-grid.n2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}
.hm-grid.n1{grid-template-columns:1fr;grid-template-rows:1fr}
.hm-p{position:relative;overflow:hidden;min-height:0;padding:0;border:0;border-radius:14px;cursor:zoom-in;background:#151a2c var(--bg) center 25%/cover;box-shadow:0 0 0 1px rgba(255,255,255,.08);transition:transform .25s,box-shadow .25s,filter .25s}
.hm-p:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--ac),0 14px 30px -14px #000}
.hm-more{position:absolute;inset:0;display:grid;place-items:center;font:400 24px var(--display);color:#fff;background:rgba(6,9,22,.6);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
/* scenes, under a spoiler veil */
.hm-sc{margin-top:14px;padding:14px;border-radius:20px;background:var(--fg);box-shadow:var(--shadow-s,0 1px 2px rgba(0,0,0,.06))}
.hm-sh{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.hm-sh b{font-size:14.5px;color:var(--strong)}.hm-sh small{font-weight:600;font-size:12px;color:var(--muted)}
.hm-rev{height:34px;padding:0 14px;border:0;border-radius:99px;font:800 12.5px var(--font);color:#7a2a00;background:linear-gradient(135deg,#ffe2a0,#ffb547);cursor:pointer;box-shadow:0 6px 16px -8px rgba(255,150,40,.8)}
.hm-sc.open .hm-rev{color:var(--strong);background:var(--fg2);box-shadow:none}
.hm-strip{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:4px}
.hm-s{position:relative;flex:none;width:200px;aspect-ratio:16/9;overflow:hidden;padding:0;border:0;border-radius:14px;cursor:pointer;background:#111;scroll-snap-align:start}
.hm-s i{position:absolute;inset:-6px;background:center/cover;filter:blur(14px) saturate(.6) brightness(.7);transform:scale(1.1);transition:filter .5s,transform .5s}
.hm-sc.open .hm-s i{inset:0;filter:none;transform:none}
.hm-s:hover i{transform:scale(1.14)}.hm-sc.open .hm-s:hover i{transform:scale(1.05)}
.hm-ep{position:absolute;right:8px;bottom:6px;padding:1px 8px;border-radius:99px;font-size:11px;font-weight:800;color:#fff;background:rgba(0,0,0,.55)}
.hm-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:22px;filter:drop-shadow(0 2px 6px #000);transition:opacity .3s}
.hm-sc.open .hm-lock{opacity:0}
.hm-s.peek{animation:hmShake .4s}
@keyframes hmShake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
/* modals */
.hm-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(3,5,12,.97);opacity:0;transition:opacity .25s}
.hm-modal.on{opacity:1}
.hm-x{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:14px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;font-size:17px;color:#fff;background:rgba(255,255,255,.12);cursor:pointer}
.hm-cine{width:min(1100px,100%)}
.hm-frame{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 40px 120px -20px #000,0 0 120px -30px #ff3e62;transform:scale(.96);transition:transform .35s cubic-bezier(.2,.9,.3,1.1)}
.hm-modal.on .hm-frame{transform:none}
.hm-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hm-mbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;color:#d8dcef;font-size:13.5px}
.hm-mbar b{color:#ff8fa3}.hm-mbar a{color:#fff;font-weight:800;text-decoration:none;padding:7px 14px;border-radius:99px;background:rgba(255,255,255,.1)}
.hm-note{margin:10px 0 0;padding:9px 13px;border-radius:12px;font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82);background:rgba(255,181,71,.1);box-shadow:inset 0 0 0 1px rgba(255,181,71,.25)}.hm-note b{color:#ffc56b}
.hm-lbw{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.hm-lb{position:relative;display:flex;flex-direction:column;align-items:center;max-width:100%;max-height:100%}
.hm-lb img{max-width:min(1200px,100%);max-height:calc(100vh - 120px);border-radius:14px;box-shadow:0 30px 80px -20px #000;animation:hmIn .3s ease-out}
@keyframes hmIn{from{opacity:0;transform:scale(.97)}}
.hm-cap{margin:10px 0 0;color:#fff;font-size:13.5px;font-weight:800;text-align:center}.hm-cap span{font-weight:500;color:rgba(255,255,255,.75)}
.hm-cnt{position:fixed;top:calc(22px + env(safe-area-inset-top,0px));right:20px;font-size:12.5px;color:rgba(255,255,255,.7)}
.hm-nav{position:fixed;top:50%;width:48px;height:48px;margin-top:-24px;border:0;border-radius:50%;font:800 26px/1 var(--font);color:#fff;background:rgba(255,255,255,.12);cursor:pointer}
.hm-nav.prev{right:14px}.hm-nav.next{left:14px}
@media (max-width:760px){
  .hm{padding:11px;border-radius:22px}
  .hm-body{height:178px;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}
  .hm-grid{gap:6px}.hm-grid,.hm-grid.n4,.hm-grid.n5{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
  .hm-grid.n4 .hm-p:first-child,.hm-grid.n5 .hm-p:first-child{grid-row:auto}
  .hm-grid.n3{grid-template-columns:1fr 1fr}.hm-grid.n3 .hm-p:first-child{grid-row:auto;grid-column:1/-1}
  .no-tr .hm-grid.n5 .hm-p:first-child{grid-row:1/-1}.no-tr .hm-grid.n5{grid-template-columns:1.4fr 1fr 1fr}
  .hm-p{border-radius:12px}.hm-tr{border-radius:15px}
  .hm-trs{gap:6px}.no-pic .hm-trs.n1 .hm-tr{height:auto;aspect-ratio:16/9}
  .hm-tr.alt .hm-tl b{display:none}.hm-tr.alt .hm-play{width:34px;height:34px;margin:-17px 0 0 -17px}.hm-tsw button{width:120px}
  .hm-play{width:48px;height:48px;margin:-24px 0 0 -24px}.hm-play svg{width:20px;height:20px}
  .hm-tl b{font-size:14.5px}.hm-meta em:first-child{display:none}
  .hm-s{width:168px}
  .hm-nav{display:none}
}
html.lite .hm-hero::after,html.lite .hm-play i{animation:none;display:none}
html.lite .hm-glow{animation:none}html.lite .hm-tl small,html.lite .hm-more{backdrop-filter:none;-webkit-backdrop-filter:none}
html.lite .hm-trbg{transition:none}
@media (prefers-reduced-motion:reduce){.hm-hero::after,.hm-play i,.hm-glow{animation:none}}
.hm:not(.no-pic) .hm-trs.n2 .hm-tl b{display:none}
.hm:not(.no-pic) .hm-trs.n2 .hm-play{top:50%}
.hm:not(.no-pic) .hm-trs.n2 .hm-tl{bottom:8px;right:9px}

/* 🌍 «دنیای این انیمه» (lore.js) */
#lore .lr-intro{margin:0 0 12px;color:var(--text);font-size:14px;line-height:1.9}
.lr-where{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.lr-where>span{font-weight:800;color:var(--strong);font-size:13.5px}
.lr-pick{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.lr-pick::-webkit-scrollbar{display:none}
.lr-pick button,.lr-tabs button{flex:none;font:inherit;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--fg);color:var(--text);cursor:pointer;min-height:34px}
.lr-pick button.on{background:var(--blue);border-color:var(--blue);color:#fff}
.lr-tabs{display:flex;gap:6px;margin-bottom:12px;border-bottom:1px solid var(--line);padding-bottom:10px}
.lr-tabs button{border-radius:8px}
.lr-tabs button.on{background:var(--strong);color:var(--fg);border-color:var(--strong)}
.lr-tabs i{font-style:normal;opacity:.7;font-size:11.5px}
.lr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.lr-c{position:relative;text-align:right;font:inherit;display:flex;flex-direction:column;gap:6px;padding:14px 14px 13px;border-radius:var(--r-l);border:1px solid var(--line);background:var(--fg);color:var(--text);cursor:pointer;box-shadow:var(--shadow-s);transition:transform .15s,border-color .15s;overflow:hidden}
.lr-c::before{content:"";position:absolute;inset:0 0 auto auto;width:4px;height:100%;background:var(--blue);opacity:.8}
.lr-c:hover{transform:translateY(-2px);border-color:var(--blue)}
.lr-n{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.lr-n b{font-size:15.5px;color:var(--strong)}
.lr-n small{font-size:11.5px;color:var(--muted)}
.lr-s{font-size:13.5px;line-height:1.85}
.lr-c.lock{background:var(--fg2)}
.lr-c.lock::before{background:var(--purple)}
.lr-blur{color:transparent;text-shadow:0 0 7px rgba(120,130,150,.55);user-select:none;letter-spacing:1px;max-height:3.6em;overflow:hidden}
.lr-lk{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;color:var(--purple)}
.lr-c.hid{opacity:.5}
.lr-h{font-style:normal;font-size:11px;color:var(--red)}
.lr-ask{display:block;margin-top:6px;padding:9px 10px;border-radius:8px;background:var(--fg);border:1px dashed var(--purple);font-size:12.5px;color:var(--strong);line-height:1.8}
.lr-ask span{display:flex;gap:8px;margin-top:6px}
.lr-ask i{font-style:normal;font-weight:800;padding:5px 10px;border-radius:7px;background:var(--purple);color:#fff;cursor:pointer}
.lr-ask i[data-no]{background:var(--fg2);color:var(--text)}
.lr-note{margin:12px 0 0;font-size:12.5px;color:var(--muted)}
.lr-src{margin:12px 0 0;font-size:11.5px;line-height:1.9;color:var(--muted)}
.lr-src a{color:inherit;text-decoration:underline}
.lr-own{margin-top:10px;display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}
.lr-own button{font:inherit;font-size:12px;padding:6px 10px;border-radius:7px;border:1px solid var(--line);background:var(--fg);color:var(--strong);cursor:pointer}
.lr-dlg{position:fixed;inset:0;z-index:9800;background:rgba(5,10,20,.6);display:grid;place-items:center;padding:16px}
.lr-box{position:relative;width:min(560px,100%);max-height:86vh;overflow:auto;background:var(--fg);color:var(--text);border-radius:14px;padding:22px 20px 18px;box-shadow:var(--shadow);animation:lrIn .22s ease-out}
@keyframes lrIn{from{transform:translateY(14px);opacity:0}}
.lr-x{position:absolute;top:10px;left:10px;width:36px;height:36px;border-radius:50%;border:0;background:var(--fg2);color:var(--strong);font-size:15px;cursor:pointer}
.lr-tag{font-size:11.5px;font-weight:800;color:var(--blue)}
.lr-box h3{margin:6px 0 2px;font-size:21px;color:var(--strong)}
.lr-en{margin:0 0 12px;font-size:12px;color:var(--muted);text-align:right}
.lr-b{margin:0;font-size:14.5px;line-height:2.05;color:var(--strong)}
.lr-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.lr-act button,.lr-rf button{font:inherit;font-size:12.5px;font-weight:700;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:var(--fg2);color:var(--strong);cursor:pointer;min-height:36px}
.lr-act .lr-rep{margin-inline-start:auto;color:var(--red)}
.lr-rf{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.lr-rf textarea{font:inherit;font-size:13px;min-height:70px;padding:8px;border-radius:8px;border:1px solid var(--line);background:var(--fg2);color:var(--strong)}
.lr-ok{margin:0;color:var(--green);font-weight:700}
@media(max-width:600px){.lr-grid{grid-template-columns:1fr}.lr-dlg{place-items:end center;padding:0}.lr-box{border-radius:16px 16px 0 0;max-height:82vh}}
html.lite .lr-box{animation:none}html.lite .lr-c{transition:none}
/* v2: the anime's own colour (--ac from anime.js), progress, «new for you», links between entries */
#lore{--la:var(--ac,#3DB4F2)}
.lr-top{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px;padding:14px;border-radius:var(--r-l);background:linear-gradient(135deg,color-mix(in srgb,var(--la) 16%,var(--fg)),var(--fg) 70%);border:1px solid color-mix(in srgb,var(--la) 30%,var(--line))}
.lr-top .lr-intro{margin:0;flex:1 1 260px}
.lr-prog{flex:0 1 220px;display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--text)}
.lr-prog b{color:var(--strong);font-size:15px}
.lr-prog i{display:block;height:8px;border-radius:9px;background:var(--fg2);overflow:hidden}
.lr-prog s{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--la),color-mix(in srgb,var(--la) 55%,#fff));transition:width .6s}
.lr-fresh{margin:0 0 12px;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.8;background:color-mix(in srgb,var(--green,#2ecc71) 12%,var(--fg));border:1px solid color-mix(in srgb,var(--green,#2ecc71) 40%,var(--line));color:var(--strong)}
.lr-tabs button{display:inline-flex;align-items:center;gap:6px;position:relative}
.lr-tabs button.on{background:var(--la);border-color:var(--la);color:#fff}
.lr-dot{position:absolute;top:-3px;left:-3px;width:9px;height:9px;border-radius:50%;background:var(--green,#2ecc71);box-shadow:0 0 0 2px var(--fg)}
.lr-c::before{background:var(--la)}
.lr-c:hover{border-color:var(--la);box-shadow:0 6px 22px -10px var(--la)}
.lr-c{animation:lrUp .35s ease-out backwards;animation-delay:var(--d,0ms)}
@keyframes lrUp{from{opacity:0;transform:translateY(8px)}}
.lr-c.new{border-color:var(--green,#2ecc71)}
.lr-c.new::before{background:var(--green,#2ecc71)}
.lr-new{position:absolute;top:10px;left:10px;font-style:normal;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--green,#2ecc71);color:#fff}
.lr-c.new .lr-n{padding-left:86px}
.lr-c.lock::before{background:var(--purple)}
.lr-box{border-top:4px solid var(--la)}
.lr-tag{display:inline-flex;align-items:center;gap:5px;color:var(--la)}
.lr-ln{color:var(--la);font-weight:800;text-decoration:none;border-bottom:1.5px dashed currentColor}
.lr-rel{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.lr-rel>span{font-size:12px;font-weight:800;color:var(--muted);margin-inline-end:2px}
.lr-rel button{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:12.5px;font-weight:700;padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--la) 40%,var(--line));background:color-mix(in srgb,var(--la) 10%,var(--fg));color:var(--strong);cursor:pointer;min-height:34px}
@media(max-width:600px){.lr-prog{flex:1 1 100%}}
html.lite .lr-c{animation:none}html.lite .lr-prog s{transition:none}
@media(prefers-reduced-motion:reduce){.lr-c{animation:none}}
.lr-tabs button.on,.lr-pick button.on{background:color-mix(in srgb,var(--la) 70%,#111);border-color:transparent;color:#fff}

/* 📚 لینک دانشنامه */
.lr-kb{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:12px 14px;border-radius:14px;text-decoration:none;color:var(--strong);background:color-mix(in srgb,var(--la,#3DB4F2) 12%,var(--fg));border:1px solid color-mix(in srgb,var(--la,#3DB4F2) 35%,transparent)}
.lr-kb b{font-size:14px}.lr-kb span{flex:1;font-size:12px;color:var(--muted)}.lr-kb em{font-style:normal;color:var(--la,#3DB4F2);font-weight:800}
@media (max-width:560px){.lr-kb{flex-wrap:wrap}.lr-kb span{flex-basis:100%;order:3}}

/* 💗 «حس‌وحال اعضا» (۲۳ مهر، از نو): 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:not(:has(.pz-rate)):has(.pz-poll[hidden]) .pz-feel,.pz-grid:has(.pz-tags[hidden]) .pz-best{grid-column:1/-1}
/* manga: «امتیاز تو» sits next to the feeling */
.pz-rate{grid-column:span 5}@media (min-width:901px){.pz-grid:has(.pz-rate) .pz-poll{grid-column:span 7}}
.pz-grid:has(.pz-rate):has(.pz-poll[hidden]) .pz-tags,.pz-grid:has(.pz-rate):has(.pz-tags[hidden]) .pz-poll{grid-column:1/-1}
.pz-rate .stars{margin:0}.pz-rate .rate-v{margin:0}

/* 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 0 19px;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{position:absolute;inset:auto 0 0;display:block;height:16px;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,.pz-rate{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}}