/* Kino Likes v1 – like / dislike bar */
.kl{--kl-up:#8b5cf6;--kl-up2:#ec4899;--kl-down:#64748b;flex:none;min-width:0}
.kl-box{display:inline-flex;align-items:stretch;height:44px;border-radius:999px;background:var(--ui-bg,#12121a);border:1px solid var(--bdc-dark,rgba(255,255,255,.15));overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.28);opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s}
.kl.is-ready .kl-box{opacity:1;transform:none}
.kl-btn{appearance:none;border:0;background:transparent;color:var(--tt-dark,#e4e4e7);font:inherit;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;cursor:pointer;position:relative;transition:background .18s,color .18s;-webkit-tap-highlight-color:transparent}
.kl-btn:hover{background:rgba(255,255,255,.06)}
.kl-btn:focus-visible{outline:2px solid var(--accent,#a78bfa);outline-offset:-3px}
.kl-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s,fill .2s}
.kl-btn.is-on svg{fill:currentColor}
.kl-up.is-on{color:var(--kl-up2)}
.kl-down.is-on{color:#94a3b8}
.kl-btn.is-pop svg{animation:kl-pop .38s cubic-bezier(.2,1.6,.4,1)}
.kl-btn[disabled]{opacity:.6;cursor:wait}
.kl-n{min-width:1ch;font-variant-numeric:tabular-nums}
.kl-mid{display:flex;flex-direction:column;justify-content:center;gap:5px;width:130px;padding:0 6px;border-left:1px solid var(--bdc,rgba(255,255,255,.07));border-right:1px solid var(--bdc,rgba(255,255,255,.07))}
.kl-pct{font-size:11px;line-height:1;text-align:center;color:var(--tt-dark,#e4e4e7);opacity:.85;white-space:nowrap}
.kl-meter{height:5px;border-radius:5px;background:rgba(148,163,184,.28);overflow:hidden}
.kl-meter i{display:block;height:100%;width:0;border-radius:5px;background:linear-gradient(90deg,var(--kl-up),var(--kl-up2));transition:width .45s cubic-bezier(.2,.8,.2,1)}
.kl.is-empty .kl-meter i{width:0}
.kl-float{position:absolute;left:50%;top:-4px;transform:translateX(-50%);font-size:12px;font-weight:700;color:var(--kl-up2);pointer-events:none;animation:kl-float .7s ease-out forwards}
.kl-msg{display:block;margin-top:6px;font-size:12px;color:#fca5a5}
@keyframes kl-pop{0%{transform:scale(1)}40%{transform:scale(1.4) rotate(-8deg)}100%{transform:scale(1)}}
@keyframes kl-float{from{opacity:1;transform:translate(-50%,0)}to{opacity:0;transform:translate(-50%,-22px)}}
@media (max-width:640px){
  .kl{flex:1 1 100%}
  .kl-box{display:flex;width:100%;height:46px}
  .kl-btn{flex:none;padding:0 14px}
  .kl-mid{flex:1;width:auto}
}
@media (prefers-reduced-motion:reduce){.kl-box,.kl-meter i{transition:none}.kl-btn.is-pop svg,.kl-float{animation:none}}
.news__like{margin:22px 0 6px}