.listen-tile{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--tile-shadow, 0 1px 3px rgba(0,0,0,.06), 0 4px 10px rgba(0,0,0,.04));cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column;text-align:left;border:1px solid var(--tile-border, #94a3b8);box-sizing:border-box;padding:0;font-family:inherit;color:inherit;position:relative}@media(hover:hover){.listen-tile:hover{transform:translateY(-3px);border-color:var(--tile-border-hover, #6366f1);box-shadow:var(--tile-shadow-hover, 0 8px 20px rgba(79, 70, 229,.18), 0 2px 6px rgba(0,0,0,.05))}}.listen-tile:focus-visible{transform:translateY(-3px);border-color:#6366f1;box-shadow:0 8px 20px #4f46e52e,0 2px 6px #0000000d;outline:none}.listen-tile__visual{width:100%;aspect-ratio:1 / 1;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.listen-tile__img{width:100%;height:100%;object-fit:cover;display:block}.listen-tile__placeholder{font-size:2.25rem;color:#94a3b8}.listen-tile__backdrop{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;filter:blur(var(--lt-bd-blur, 14px)) brightness(var(--lt-bd-brightness, 1.06)) saturate(1.05);transform:scale(1.18);opacity:var(--lt-bd-opacity, 1)}.listen-tile__backdrop--symbol{background-size:contain;background-repeat:no-repeat;transform:scale(var(--lt-bd-symbol-scale, .9))}.listen-tile__backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,calc(var(--lt-bd-veil, .34) * .7)),rgba(255,255,255,var(--lt-bd-veil, .34)))}.listen-tile__thumbs{position:relative;z-index:1;display:block;width:100%;height:100%;padding:0;box-sizing:border-box;transform:translateY(var(--lt-thumb-offset-y, 0%))}.listen-tile__thumb{position:absolute;aspect-ratio:1 / 1;border-radius:7px;border:3px solid #ffffff;box-shadow:0 6px 16px #0f172a38;background:#fff;overflow:hidden;transition:transform .25s ease}.listen-tile__thumb img{width:100%;height:100%;object-fit:cover;display:block}.listen-tile__thumbs[data-count="3"] .listen-tile__thumb:nth-child(1){width:60%;top:13%;left:21%;z-index:1;transform:rotate(calc(-4deg * var(--lt-rot, 1))) scale(var(--lt-thumb-scale, 1))}.listen-tile__thumbs[data-count="3"] .listen-tile__thumb:nth-child(2){width:43%;top:40%;left:7%;z-index:2;transform:rotate(calc(5deg * var(--lt-rot, 1))) scale(var(--lt-thumb-scale, 1))}.listen-tile__thumbs[data-count="3"] .listen-tile__thumb:nth-child(3){width:41%;top:45%;left:53%;z-index:3;transform:rotate(calc(-6deg * var(--lt-rot, 1))) scale(var(--lt-thumb-scale, 1))}.listen-tile__thumbs[data-count="2"] .listen-tile__thumb:nth-child(1){width:52%;top:19%;left:11%;z-index:1;transform:rotate(calc(-5deg * var(--lt-rot, 1))) scale(var(--lt-thumb-scale, 1))}.listen-tile__thumbs[data-count="2"] .listen-tile__thumb:nth-child(2){width:50%;top:34%;left:41%;z-index:2;transform:rotate(calc(5deg * var(--lt-rot, 1))) scale(var(--lt-thumb-scale, 1))}.listen-tile__thumbs[data-count="1"] .listen-tile__thumb{width:62%;top:19%;left:19%;z-index:1;transform:rotate(calc(-3deg * var(--lt-rot, 1))) scale(var(--lt-thumb-scale, 1))}.listen-tile__thumbs{transition:transform .25s ease}@media(hover:hover){.listen-tile:hover .listen-tile__thumbs{transform:translateY(-3px)}}.listen-tile__thumb--text{display:flex;align-items:center;justify-content:center;padding:4px;background:#f5f3ff;color:#4c1d95;font-family:Nunito,sans-serif;font-weight:700;font-size:.875rem;line-height:1.15;text-align:center;overflow-wrap:break-word;hyphens:auto}.listen-tile__thumb--text span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.listen-tile__body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.125rem}.listen-tile__name{font-family:Nunito,sans-serif;font-size:.875rem;font-weight:700;color:#1f2937;line-height:1.25;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.listen-tile__meta{font-size:.75rem;color:#64748b;font-family:Nunito,sans-serif;line-height:1.3}.listen-tile__meta-part{white-space:nowrap}.listen-tile__meta-count{color:#475569;font-weight:600}@media(max-width:900px){.listen-tile__name{font-size:.8125rem}}.listen-tile__feature-badge{position:absolute;top:6px;left:6px;z-index:2;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffffeb;color:#64748b;border:1.5px solid #cbd5e1;box-shadow:0 1px 4px #0f172a26;font-size:.6875rem;pointer-events:auto}.listen-tile__feature-badge--verbal{color:#4f46e5;border-color:#a5b4fc;font-size:.75rem}@media(max-width:600px){.listen-tile__feature-badge{width:20px;height:20px;font-size:.625rem}}