/* 실시간 먹튀 키워드 위젯 */
.lk-widget { --lk-red:#cc0000; --lk-up:#e0262a; --lk-down:#1e6fe0; --lk-new:#ff7a00; --lk-text:#1b2430; --lk-muted:#8a94a0; --lk-line:#edf0f3; --lk-row:38px; }
.lk-widget .side-box-title { display:flex; align-items:center; gap:8px; }
.lk-widget .lk-live { position:relative; flex:0 0 8px; width:8px; height:8px; border-radius:50%; background:var(--lk-red); }
.lk-widget .lk-live::after { content:''; position:absolute; inset:0; border-radius:50%; background:var(--lk-red); animation:lkPulse 1.6s ease-out infinite; }
@keyframes lkPulse { from { transform:scale(1); opacity:.6; } to { transform:scale(2.6); opacity:0; } }

.lk-widget .lk-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
.lk-widget .lk-meta { font-size:12px; color:var(--lk-muted); white-space:nowrap; }
.lk-widget .lk-toggle { display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border:1px solid var(--lk-line); border-radius:999px; background:#fff; color:var(--lk-text); font-size:12px; font-weight:600; line-height:1.4; cursor:pointer; }
.lk-widget .lk-toggle:hover { border-color:#c9d1da; }
.lk-widget .lk-toggle:focus-visible { outline:2px solid var(--lk-down); outline-offset:2px; }
.lk-widget .lk-chevron { width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .2s; }
.lk-widget.is-open .lk-chevron { transform:translateY(2px) rotate(225deg); }

.lk-widget ol { list-style:none; margin:0; padding:0; }
.lk-widget .lk-roll { height:var(--lk-row); overflow:hidden; border:1px solid var(--lk-line); border-radius:8px; padding:0 10px; background:#fafbfc; }
.lk-widget .lk-roll-track { transition:transform .45s ease; }
.lk-widget.is-open .lk-roll { display:none; }

.lk-widget .lk-item a { display:flex; align-items:center; gap:10px; height:var(--lk-row); color:var(--lk-text); text-decoration:none; }
.lk-widget .lk-list .lk-item + .lk-item { border-top:1px solid var(--lk-line); }
.lk-widget .lk-item a:hover .lk-name { color:var(--lk-red); text-decoration:underline; }
.lk-widget .lk-rank { flex:0 0 22px; height:22px; display:inline-flex; align-items:center; justify-content:center; border-radius:5px; font-size:13px; font-weight:800; color:#5b6672; font-variant-numeric:tabular-nums; }
.lk-widget .lk-rank.lk-top { background:var(--lk-red); color:#fff; }
.lk-widget .lk-name { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:600; }
.lk-widget .lk-chg { flex:0 0 auto; min-width:34px; text-align:right; font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; }
.lk-widget .lk-chg span[aria-hidden] { font-size:10px; margin-right:2px; }
.lk-widget .lk-up { color:var(--lk-up); }
.lk-widget .lk-down { color:var(--lk-down); }
.lk-widget .lk-same { color:var(--lk-muted); }
.lk-widget .lk-new { display:inline-block; min-width:0; padding:1px 6px; border-radius:4px; background:var(--lk-new); color:#fff; font-size:10px; letter-spacing:.3px; }
.lk-widget .lk-empty { margin:0; font-size:13px; color:var(--lk-muted); text-align:center; }

@media (prefers-reduced-motion: reduce) {
    .lk-widget .lk-live::after { animation:none; }
    .lk-widget .lk-roll-track { transition:none; }
}
