#music-compare{max-width:1100px;margin:0 auto;padding:0 16px 64px;display:flex;flex-direction:column;gap:24px}#music-compare .mc-events{display:flex;flex-wrap:wrap;gap:8px;top:0;z-index:2;padding:12px 0;background:linear-gradient(to bottom,#202228 70%,transparent)}@media(max-width:767px){#music-compare .mc-events{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}}#music-compare .mc-event{flex:0 0 240px;box-sizing:border-box;text-align:center;white-space:nowrap;cursor:pointer}#music-compare .mc-event.active{border-color:#3fa3677a;color:#f5f6f7}#music-compare .mc-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}#music-compare .mc-row{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid #383C46;border-radius:12px;background:#27292f}@media(min-width:1024px){#music-compare .mc-row{flex-direction:row;align-items:center}}#music-compare .mc-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}@media(min-width:1024px){#music-compare .mc-row-head{flex:0 0 280px}}#music-compare .mc-row-name{display:flex;align-items:center;gap:10px;min-width:0;font-weight:500;color:#f5f6f7;text-decoration:none}#music-compare .mc-row-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover){#music-compare .mc-row-name:hover span{text-decoration:underline}}#music-compare .mc-row-img{width:44px;height:44px;flex-shrink:0;object-fit:contain}#music-compare .mc-remove{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:none;font-size:20px;line-height:1;color:#f5f6f7b8;cursor:pointer}@media(hover:hover){#music-compare .mc-remove:hover{background:#2e3138;color:#f5f6f7}}#music-compare .mc-audio{width:100%;height:38px;color-scheme:dark}@media(min-width:1024px){#music-compare .mc-audio{flex:1}}#music-compare .mc-missing{flex:1;font-size:clamp(12px,1.4vw,14px);color:#f5f6f7b8}#music-compare .mc-empty{padding:40px 16px;text-align:center;color:#f5f6f7b8;border:1px dashed #383C46;border-radius:12px}#music-compare .mc-add{display:flex;flex-direction:column;gap:12px}#music-compare .mc-picker{position:relative;max-width:420px}#music-compare .mc-search{display:flex;align-items:center;gap:8px;width:100%;cursor:text}#music-compare .mc-search input{flex:1;min-width:0;background:none;border:none;outline:none;color:#f5f6f7;font:inherit}#music-compare .mc-search input::placeholder{color:#f5f6f7b8}#music-compare .mc-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:5;max-height:320px;overflow-y:auto;padding:6px;border:1px solid #40444E;border-radius:10px;background:#2e3138;box-shadow:0 12px 32px #00000059}#music-compare .mc-result{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:8px;background:none;color:#f5f6f7;text-align:left;cursor:pointer}#music-compare .mc-result img{width:36px;height:36px;flex-shrink:0;object-fit:contain}#music-compare .mc-result span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover){#music-compare .mc-result:hover{background:#27292f}}#music-compare .mc-chips{display:flex;flex-wrap:wrap;gap:8px}#music-compare .mc-chip{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:clamp(12px,1.4vw,14px)}#music-compare .mc-chip img{width:28px;height:28px;flex-shrink:0;object-fit:contain}