.sound-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;min-height:132px;transition:border-color .15s,background-color .15s;position:relative;overflow:hidden}.sound-card:hover{border-color:var(--border);background:var(--surface-hover)}.sound-card.playing{border-color:#6366f14d;box-shadow:0 0 0 1px #6366f11a,0 4px 20px #6366f114}.sound-card.low-relevance{opacity:.8}.card-top{align-items:center;gap:10px;padding:8px 12px 4px;display:flex}.card-top .play-btn{flex-shrink:0}.card-waveform{flex:1;min-width:0;height:48px}.card-content{padding:0 14px 14px}.card-header{align-items:center;display:flex}.play-btn{background:var(--accent-dim);width:32px;height:32px;color:var(--accent);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.play-btn:hover{background:#6366f133;transform:scale(1.05)}.play-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.play-btn:active{transform:scale(.95)}.sound-card.playing .play-btn{background:var(--accent);color:#fff}.card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:13px;font-weight:500;overflow:hidden}.card-meta{color:var(--text-tertiary);letter-spacing:.02em;font-size:11px}.card-tags{flex-wrap:wrap;gap:3px;margin-top:8px;display:flex}.tag{letter-spacing:.04em;text-transform:uppercase;background:var(--glass);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:3px;padding:2px 5px;font-size:9px;font-weight:500}.tag.ucs-cat{color:#818cf8e6;background:#6366f11f;border-color:#6366f133}.tag.ucs-sub{color:#34d399d9;background:#34d3991a;border-color:#34d39933}.tag.ucs-score{color:#fbbf24d9;font-variant-numeric:tabular-nums;background:#fbbf241a;border-color:#fbbf2426}.similarity-bar{background:var(--glass);border-radius:2px;height:3px;margin-top:10px;position:relative;overflow:visible}.similarity-fill{background:linear-gradient(90deg, var(--accent), #6366f166);border-radius:2px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.similarity-label{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:10px;font-weight:500;position:absolute;top:-16px;right:0}@media (width<=640px){.play-btn{width:44px;height:44px}.card-content{padding:0 16px 16px}}@media (prefers-reduced-motion:reduce){.similarity-fill{transition:none}}.card-actions{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.favorite-btn{width:26px;height:26px;color:var(--text-tertiary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:color .15s,background-color .15s,opacity .15s;display:flex}.sound-card:hover .favorite-btn,.favorite-btn.active,.favorite-btn:focus-visible{opacity:1}.favorite-btn:hover{background:var(--glass);color:var(--text-secondary)}.favorite-btn.active{color:#f59e0b;background:#f59e0b1f}.judgment-buttons{opacity:0;flex-shrink:0;gap:2px;transition:opacity .15s;display:flex}.sound-card:hover .judgment-buttons,.judgment-buttons:focus-within{opacity:1}.judgment-buttons:has(.active-up,.active-down){opacity:1}.judgment-btn{width:26px;height:26px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:color .15s,background-color .15s;display:flex}.judgment-btn:hover{background:var(--glass);color:var(--text-secondary)}.judgment-btn.active-up{color:#34d399f2;background:#34d3991f}.judgment-btn.active-down{color:#f87171f2;background:#f871711f}