.waveform.svelte-1knps3h{cursor:pointer;width:100%}.track-card.svelte-1fgx90p{grid-template-columns:auto 1fr;gap:1rem;padding:1rem;display:grid}.cover.svelte-1fgx90p{flex-shrink:0;width:clamp(6.5rem,16vw,10.5rem);height:clamp(6.5rem,16vw,10.5rem)}.cover.svelte-1fgx90p img:where(.svelte-1fgx90p),.cover-placeholder.svelte-1fgx90p{border:1px solid var(--ink);object-fit:cover;width:100%;height:100%;display:block}.cover-placeholder.svelte-1fgx90p{background:linear-gradient(135deg, color-mix(in srgb, var(--ink) 8%, transparent) 25%, transparent 25%), linear-gradient(225deg, color-mix(in srgb, var(--ink) 8%, transparent) 25%, transparent 25%), var(--paper);background-size:12px 12px}.body.svelte-1fgx90p{flex-direction:column;gap:.75rem;min-width:0;display:flex}.head.svelte-1fgx90p{align-items:center;gap:.75rem;display:flex}.play-btn.svelte-1fgx90p{border:1px solid var(--ink);width:2.75rem;height:2.75rem;color:var(--on-accent);background:var(--accent);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.play-btn.svelte-1fgx90p svg:where(.svelte-1fgx90p){fill:currentColor;width:1.1rem;height:1.1rem}.titles.svelte-1fgx90p{flex-direction:column;gap:.15rem;min-width:0;display:flex}.artist.svelte-1fgx90p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:700;text-decoration:none;overflow:hidden}a.artist.svelte-1fgx90p:hover{color:var(--ink);text-underline-offset:.2rem;text-decoration:underline}.title.svelte-1fgx90p{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;font-weight:800;line-height:1.25;text-decoration:none;overflow:hidden}.title.svelte-1fgx90p:hover{text-underline-offset:.2rem;text-decoration:underline}.aside.svelte-1fgx90p{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-end;gap:.35rem;margin-left:auto;display:flex}.uploaded.svelte-1fgx90p{color:var(--muted);white-space:nowrap;font-size:.72rem;font-weight:600}.tag.svelte-1fgx90p{border:1px solid color-mix(in srgb, var(--ink) 35%, transparent);background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink);letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.68rem;font-weight:800}.wave-row.svelte-1fgx90p{position:relative}.time-chip.svelte-1fgx90p{z-index:2;background:var(--inverse);color:var(--on-inverse);font-variant-numeric:tabular-nums;pointer-events:none;padding:.1rem .3rem;font-size:.66rem;font-weight:800;line-height:1.3;position:absolute;top:50%;transform:translateY(-50%)}.time-chip.current.svelte-1fgx90p{color:var(--accent);transform:translate(-50%,-50%)}.time-chip.total.svelte-1fgx90p{right:0}.comment-row.svelte-1fgx90p{align-items:center;gap:.5rem;display:flex;position:relative}.avatar.svelte-1fgx90p{border:1px solid var(--ink);background:var(--accent);width:2rem;height:2rem;color:var(--on-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:900;display:inline-flex}.comment-row.svelte-1fgx90p input:where(.svelte-1fgx90p){border:1px solid color-mix(in srgb, var(--ink) 35%, transparent);background:var(--paper);min-width:0;color:var(--ink);flex:1;padding:.55rem .75rem;font-size:.85rem}.comment-row.svelte-1fgx90p input:where(.svelte-1fgx90p):focus{border-color:var(--ink);outline:none}.send-btn.svelte-1fgx90p{border:1px solid var(--ink);width:2.25rem;height:2.25rem;color:var(--ink);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.send-btn.svelte-1fgx90p svg:where(.svelte-1fgx90p){stroke:currentColor;width:1rem;height:1rem}.send-btn.svelte-1fgx90p:not(:disabled):hover{color:var(--on-accent);background:var(--accent)}.send-btn.svelte-1fgx90p:disabled{opacity:.4;cursor:default}.comment-note.svelte-1fgx90p{background:var(--inverse);color:var(--accent);padding:.15rem .4rem;font-size:.68rem;font-weight:800;position:absolute;bottom:calc(100% + .25rem);right:0}.menu-wrap.svelte-1fgx90p{flex-shrink:0;position:relative}.more-btn.svelte-1fgx90p{border:1px solid color-mix(in srgb, var(--ink) 40%, transparent);width:2rem;height:2rem;color:var(--ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.more-btn.svelte-1fgx90p:hover,.more-btn[aria-expanded=true].svelte-1fgx90p{border-color:var(--ink);color:var(--on-accent);background:var(--accent)}.more-btn.svelte-1fgx90p svg:where(.svelte-1fgx90p){fill:currentColor;width:1rem;height:1rem}.menu.svelte-1fgx90p{z-index:30;border:1px solid var(--ink);background:var(--paper);min-width:11rem;box-shadow:5px 5px 0 var(--ink);padding:.3rem;display:grid;position:absolute;top:calc(100% + .35rem);right:0}.menu.svelte-1fgx90p button:where(.svelte-1fgx90p),.menu.svelte-1fgx90p .menu-item:where(.svelte-1fgx90p){width:100%;color:var(--ink);letter-spacing:.04em;text-align:left;text-transform:uppercase;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .65rem;font-size:.72rem;font-weight:800;text-decoration:none;display:flex}.menu.svelte-1fgx90p button:where(.svelte-1fgx90p):not(:disabled):hover,.menu.svelte-1fgx90p .menu-item:where(.svelte-1fgx90p):hover{color:var(--on-accent);background:var(--accent)}.menu.svelte-1fgx90p button:where(.svelte-1fgx90p):disabled{opacity:.4;cursor:default}.menu.svelte-1fgx90p button.danger:where(.svelte-1fgx90p):not(:disabled):hover{color:#fff;background:#c2321e}.menu-count.svelte-1fgx90p{color:var(--muted);font-weight:700}.menu.svelte-1fgx90p button:where(.svelte-1fgx90p):not(:disabled):hover .menu-count:where(.svelte-1fgx90p){color:inherit}.meta.svelte-1fgx90p{justify-content:flex-end;display:flex}.counts.svelte-1fgx90p{color:var(--muted);font-size:.72rem;font-weight:600}@media (width<=640px){.track-card.svelte-1fgx90p{grid-template-columns:1fr}.cover.svelte-1fgx90p{width:5rem;height:5rem}.title.svelte-1fgx90p,.artist.svelte-1fgx90p{white-space:normal}}