/* home page: like button + live community numbers, next to STATUS: ONLINE */
.mk-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.mk-community{position:relative;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.mk-like{position:relative;display:inline-flex;align-items:center;gap:9px;height:30px;padding:0 12px 0 10px;border:1px solid #2b3430;background:#0e1213;color:#9aa8a2;font:inherit;letter-spacing:.14em;cursor:pointer;transition:border-color .2s,color .2s,background .2s,transform .15s;overflow:visible}
.mk-like:hover{border-color:var(--lime);color:#fff;background:#c9ff450d}
.mk-like:active{transform:scale(.96)}
.mk-like svg{width:14px;height:14px;display:block;overflow:visible}
.mk-like .h{fill:transparent;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;transition:fill .25s,stroke .25s}
.mk-like .n{min-width:1.4em;text-align:left;font-variant-numeric:tabular-nums;color:#fff}
.mk-like .t{color:#6e7b75}
.mk-like[aria-pressed=true]{border-color:#7a9a2a;background:#c9ff4514;color:var(--lime);cursor:default}
.mk-like[aria-pressed=true] .h{fill:var(--lime);stroke:var(--lime);filter:drop-shadow(0 0 6px #c9ff45aa)}
.mk-like[aria-pressed=true] .t{color:var(--lime)}
.mk-like[aria-pressed=true]:hover{transform:none}
.mk-like.pop svg{animation:mk-pop .7s cubic-bezier(.2,1.4,.3,1)}
@keyframes mk-pop{0%{transform:scale(1)}25%{transform:scale(.6)}55%{transform:scale(1.6) rotate(-8deg)}100%{transform:scale(1) rotate(0)}}
.mk-ring{position:absolute;left:17px;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid var(--lime);border-radius:50%;opacity:0;pointer-events:none}
.mk-like.pop .mk-ring{animation:mk-ring .7s ease-out}
@keyframes mk-ring{0%{opacity:.9;transform:scale(.6)}100%{opacity:0;transform:scale(4.2)}}
.mk-spark{position:absolute;left:17px;top:50%;font-size:10px;line-height:1;pointer-events:none;color:var(--lime);will-change:transform,opacity;z-index:3}
.mk-stat{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border:1px solid #1f2729;background:#0b0e10;color:#6e7b75;white-space:nowrap}
.mk-stat b{color:#dfe9e3;font-weight:500;font-variant-numeric:tabular-nums}
.mk-stat i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 #69e8d080;animation:mk-live 2s infinite}
@keyframes mk-live{70%{box-shadow:0 0 0 7px #69e8d000}100%{box-shadow:0 0 0 0 #69e8d000}}
.mk-community.mk-wait .mk-like .n,.mk-community.mk-wait .mk-stat b{opacity:.45}
.mk-tip{position:absolute;top:38px;right:0;white-space:nowrap;font:9px "DM Mono",monospace;letter-spacing:.1em;color:var(--lime);background:#0e1213;border:1px solid #3d4f1c;padding:6px 9px;opacity:0;transform:translateY(-4px);pointer-events:none;transition:.25s;z-index:4}
.mk-tip.on{opacity:1;transform:none}
@media(max-width:700px){.home-topline{flex-wrap:wrap;gap:12px}.mk-right{width:100%;justify-content:space-between}.mk-community{justify-content:flex-start}}
@media(max-width:420px){.mk-like .t{display:none}}
@media(prefers-reduced-motion:reduce){.mk-like.pop svg,.mk-like.pop .mk-ring,.mk-stat i{animation:none}}