/* Favorites (favorites.js). Spirit and I gold on dark. */
.fav-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid transparent;color:#d4af37;cursor:pointer;font:inherit;line-height:1;padding:0;-webkit-tap-highlight-color:transparent}
.fav-btn .fav-ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .15s ease}
.fav-btn.fav-on .fav-ico{fill:currentColor}
.fav-btn.fav-part .fav-ico{fill:rgba(212,175,55,.4)}
.fav-btn:hover .fav-ico{transform:scale(1.12)}
.fav-btn:focus-visible{outline:2px solid #f0cf5a;outline-offset:2px}
.fav-big{border-color:#d4af37;border-radius:20px;padding:7px 14px;font-size:.9rem;min-height:36px}
.fav-big.fav-on{background:rgba(212,175,55,.15)}
.fav-song{margin:12px 0 4px}
.fav-album{margin:10px 0}
.fav-row{width:40px;height:40px;flex:0 0 40px;border-radius:50%}
.track-item .fav-row{margin-left:auto;margin-right:8px}
.track-item .fav-row+.track-time{margin-left:0}
.aplayer .aplayer-list ol li{position:relative;padding-right:44px}
.aplayer .aplayer-list ol li .fav-li{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:32px;height:32px}
.aplayer .aplayer-list ol li .fav-li .fav-ico{width:16px;height:16px}
.album-art-wrapper{position:relative}
.fav-card{position:absolute;top:8px;right:8px;width:42px;height:42px;border-radius:50%;background:rgba(17,17,17,.75);border-color:rgba(212,175,55,.6);z-index:2}
.fav-card .fav-ico{width:22px;height:22px}
.fav-panel{margin-top:22px}
.fav-empty{border:1px dashed rgba(212,175,55,.5);border-radius:10px;padding:14px 16px;color:var(--text-light,#eee);text-align:center}
.fav-empty p{margin:0;line-height:1.55}
.fav-mini .fav-ico{width:16px;height:16px;vertical-align:-3px;fill:none;stroke:#d4af37;stroke-width:2}
.fav-list{list-style:none;margin:10px 0 0;padding:0;counter-reset:fav}
.fav-list li{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.08);counter-increment:fav}
.fav-list li:before{content:counter(fav);color:var(--text-muted,#999);min-width:1.6em;text-align:right;font-size:.9rem}
.fav-list a{flex:1;color:var(--text-light,#eee);text-decoration:none;overflow:hidden;text-overflow:ellipsis}
.fav-list a:hover{color:#d4af37}
.fav-rm{background:transparent;color:#d4af37;border:1px solid rgba(212,175,55,.6);border-radius:16px;padding:6px 12px;font-size:.85rem;cursor:pointer;min-height:34px}
.fav-rm:hover{background:#d4af37;color:#111}
.fav-private{margin:10px 0 0;font-size:.85rem;color:var(--text-muted,#999);text-align:center}
@media (max-width:600px){.fav-card{width:38px;height:38px;top:6px;right:6px}.fav-list li{padding:8px 2px}}
.fav-list,.fav-note{background:rgba(17,17,17,.55);border-radius:8px}
.fav-note{display:inline-block;padding:2px 10px}
.fav-note:empty{display:none}