/* Home — 지금 인기 있는 음악 TOP 5 (guests). Sits in the .am-library-panel slot beside the hero
   (public/home_v3.php, data from public/includes/home_top_songs.php, behaviour js/omu-home-top5.js). */
html.omu-am .am-top5 .am-section-head{align-items:center;gap:8px;justify-content:flex-start;margin-bottom:4px}
html.omu-am body.omu-interface-v2 .am-top5 h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.02em}
html.omu-am .am-top5__badge{padding:3px 8px;border-radius:999px;background:var(--am-key-soft);color:var(--am-key-ink);font-size:11px;font-weight:800;letter-spacing:.06em}
html.omu-am .am-top5__lede{flex:none;margin:0 0 8px;color:var(--am-text-2);font-size:12px;line-height:1.5}
html.omu-am .am-top5__list{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto;scrollbar-width:thin}
html.omu-am .am-top5__list li + li{border-top:1px solid var(--am-hairline)}
html.omu-am .am-top5__row{display:grid;grid-template-columns:22px 46px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:62px;padding:7px 4px;border:0;border-radius:10px;background:transparent;color:var(--am-text);text-align:left;cursor:pointer;transition:background-color .16s}
html.omu-am .am-top5__row:hover,html.omu-am .am-top5__row:focus-visible{background:#fff}
html.omu-am .am-top5__row[aria-busy="true"]{opacity:.6}
html.omu-am .am-top5__rank{color:var(--am-text-2);font-size:17px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}
html.omu-am .am-top5 li:nth-child(-n+3) .am-top5__rank{color:var(--am-key-ink)}
html.omu-am .am-top5__art{position:relative;width:46px;height:46px;border-radius:8px;overflow:hidden;background:var(--am-fill);box-shadow:0 4px 12px -8px rgba(0,0,0,.45)}
html.omu-am .am-top5__art img{display:block;width:100%;height:100%;object-fit:cover}
html.omu-am .am-top5__play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(20,16,24,.42);color:#fff;opacity:0;transition:opacity .16s}
html.omu-am .am-top5__row:is(:hover,:focus-visible) .am-top5__play{opacity:1}
html.omu-am .am-top5__copy{display:flex;flex-direction:column;gap:2px;min-width:0}
html.omu-am .am-top5__copy strong{overflow:hidden;color:var(--am-text);font-size:13.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
html.omu-am .am-top5__copy span{overflow:hidden;color:var(--am-text-2);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}
html.omu-am .am-top5__likes{display:inline-flex;align-items:center;gap:4px;padding-right:4px;color:var(--am-text-2);font-size:11.5px;font-variant-numeric:tabular-nums}
html.omu-am .am-top5__likes svg{width:13px;height:13px;color:var(--am-key-ink)}
html.omu-am .am-top5__foot{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--am-hairline)}
html.omu-am .am-top5__all{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--am-key);color:var(--am-on-key,#fff);font-size:12.5px;font-weight:800;cursor:pointer}
html.omu-am .am-top5__all:hover{filter:brightness(1.06)}
html.omu-am .am-top5__all svg{width:13px;height:13px}
html.omu-am .am-top5__join{color:var(--am-key-ink);font-size:12px;font-weight:700;text-decoration:none}
html.omu-am .am-top5__join:hover{text-decoration:underline}
html.omu-am .am-top5__empty{flex:1;display:grid;place-items:center;margin:0;color:var(--am-text-2);font-size:13px;text-align:center}
html.omu-am .am-top5__empty a{color:var(--am-key-ink)}
/* Five rows always fit, so the panel takes its own height instead of the fixed 내 음악 height. */
html.omu-am body.omu-interface-v2 .am-home .am-library-panel.am-top5{height:auto;min-height:0;align-self:start}
html.omu-am .am-top5 .am-top5__list{flex:none;overflow:visible}