.beat-page.svelte-ici5ne{min-height:100vh;padding-bottom:100px}.beat-layout.svelte-ici5ne{max-width:var(--container-max);padding:var(--gap-card) var(--space-5);gap:var(--gap-card);grid-template-columns:340px 1fr;align-items:start;margin:0 auto;display:grid}@media (width<=1024px){.beat-layout.svelte-ici5ne{padding:var(--space-4);grid-template-columns:1fr}}.beat-sidebar.svelte-ici5ne{top:calc(var(--nav-h) + var(--space-4));align-self:start;gap:var(--gap-stack);flex-direction:column;display:flex;position:sticky}@media (width<=1024px){.beat-sidebar.svelte-ici5ne{position:static}}.cover-container.svelte-ici5ne{border-radius:var(--r-lg);background:linear-gradient(180deg, #ffffff09, transparent 34%), var(--surface);border:1px solid var(--border-soft);overflow:visible;box-shadow:0 18px 54px #00000052}.cover-art.svelte-ici5ne{aspect-ratio:1;background:radial-gradient(circle at 30% 30%, #e87c002e, transparent 60%), radial-gradient(circle at 80% 70%, #6818ff1f, transparent 50%), var(--surface-2);border-radius:calc(var(--r-lg) - 1px) calc(var(--r-lg) - 1px) 0 0;isolation:isolate;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.cover-art.svelte-ici5ne:before{content:"";background-image:var(--cover-image);filter:blur(28px)saturate(1.28);opacity:.34;z-index:-2;background-position:50%;background-size:cover;position:absolute;inset:-16%;transform:scale(1.08)}.cover-image.svelte-ici5ne{-o-object-fit:cover;object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.cover-gradient.svelte-ici5ne{pointer-events:none;background:radial-gradient(circle at 50% 42%,#0000000a,#0000004d 62%),linear-gradient(#0000000a 0%,#000000a3 100%);position:absolute;inset:0}.cover-play.svelte-ici5ne{color:#0a0a0a;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:68px;height:68px;transition:transform .12s var(--ease-out), background .12s, box-shadow .12s;z-index:2;background:#ffffffeb;border:1px solid #ffffff7a;border-radius:50%;place-items:center;display:grid;box-shadow:0 16px 38px #00000080}.cover-play.svelte-ici5ne:hover{background:var(--fg-1);transform:scale(1.06);box-shadow:0 18px 44px #00000094}.cover-play.svelte-ici5ne:active{transform:scale(.95)}.cover-badges.svelte-ici5ne{z-index:2;flex-wrap:wrap;gap:7px;display:flex;position:absolute;bottom:12px;left:12px}.sidebar-pill.svelte-ici5ne{border-radius:var(--r-pill);color:#121212;min-height:26px;font-family:var(--font-secondary);font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;background:#fffffff0;border:1px solid #ffffff94;align-items:center;padding:5px 10px 6px;font-size:12px;font-weight:780;line-height:1;display:inline-flex;box-shadow:0 8px 18px #00000038}.cover-waveform.svelte-ici5ne{background:var(--surface);height:42px;padding:8px 12px 0}.time-display.svelte-ici5ne{font-size:var(--fs-xs);color:var(--fg-4);background:var(--surface);justify-content:space-between;padding:4px 12px 8px;display:flex}.sidebar-info.svelte-ici5ne{flex-direction:column;gap:6px;display:flex}.track-title.svelte-ici5ne{letter-spacing:var(--tracking-tight);font-size:clamp(28px,3vw,42px);font-weight:820;line-height:.96}.producer-link.svelte-ici5ne{color:var(--fg-3);align-items:center;gap:6px;transition:color .12s;display:inline-flex}.producer-link.svelte-ici5ne:hover{color:var(--at-orange)}.producer-name.svelte-ici5ne{font-weight:650;font-size:var(--fs-sm)}.action-bar.svelte-ici5ne{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);scrollbar-width:none;gap:4px;padding:6px 0;display:flex;overflow-x:auto}.action-bar.svelte-ici5ne::-webkit-scrollbar{display:none}.action-btn.svelte-ici5ne{border-radius:var(--r-sm);color:var(--fg-3);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:8px 12px;transition:background 80ms,color 80ms;display:inline-flex}.action-btn.svelte-ici5ne:hover{color:var(--fg-1);background:#ffffff0d}.action-btn-active.svelte-ici5ne{color:#ef5555}.action-count.svelte-ici5ne{font-family:var(--font-secondary);font-variant-numeric:tabular-nums}.meta-grid.svelte-ici5ne{grid-template-columns:1fr 1fr;gap:0;display:grid}.meta-item.svelte-ici5ne{border-bottom:1px solid #ffffff08;gap:2px;padding:8px 0;display:grid}.meta-label.svelte-ici5ne{font-size:var(--fs-xs);color:var(--fg-4);font-weight:500}.meta-value.svelte-ici5ne{font-size:var(--fs-sm);color:var(--fg-1);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.tags-section.svelte-ici5ne{flex-direction:column;gap:8px;display:flex}.tags-list.svelte-ici5ne{flex-wrap:wrap;gap:6px;display:flex}.tag-pill.svelte-ici5ne{border-radius:var(--r-pill);min-height:28px;font-family:var(--font-secondary);color:var(--fg-3);font-variant-numeric:tabular-nums;letter-spacing:0;background:#ffffff0b;border:1px solid #ffffff13;align-items:center;padding:5px 11px 6px;font-size:12px;font-weight:620;line-height:1;transition:background 80ms,color 80ms,border-color 80ms,transform 80ms;display:inline-flex}.tag-pill.svelte-ici5ne:hover{color:var(--fg-1);background:#e87c0013;border-color:#e87c003d;transform:translateY(-1px)}.description-section.svelte-ici5ne{flex-direction:column;gap:8px;display:flex}.description-toggle.svelte-ici5ne{width:100%;color:var(--fg-3);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.description-text.svelte-ici5ne{color:var(--fg-3);line-height:var(--lh-body)}.beat-main.svelte-ici5ne{gap:var(--gap-section);flex-direction:column;min-width:0;display:flex}.section-header.svelte-ici5ne{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--gap-stack);flex-wrap:nowrap;display:flex}.section-header.svelte-ici5ne h2:where(.svelte-ici5ne),.section-header.svelte-ici5ne h3:where(.svelte-ici5ne){min-width:0}.rail-header.svelte-ici5ne{margin-bottom:var(--space-3)}.section-actions.svelte-ici5ne{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.licensing-section.svelte-ici5ne,.comments-section.svelte-ici5ne{background:linear-gradient(180deg, #ffffff06, transparent 34%), var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:var(--gap-card)}.more-section.svelte-ici5ne,.related-section.svelte-ici5ne{background:0 0;border:0;border-radius:0;padding:2px 0 0}.checkout-actions.svelte-ici5ne{flex-shrink:0;align-items:center;gap:10px;display:flex}.checkout-total.svelte-ici5ne{min-width:74px;color:var(--fg-4);text-transform:uppercase;gap:1px;font-size:10px;font-weight:720;line-height:1.1;display:grid}.checkout-total.svelte-ici5ne strong:where(.svelte-ici5ne){color:var(--fg-1);font-size:var(--fs-base);text-transform:none;font-weight:820}.license-grid.svelte-ici5ne{margin-bottom:var(--gap-stack);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.license-card.svelte-ici5ne{border-radius:var(--r-sm);cursor:pointer;text-align:left;min-height:128px;color:var(--fg-1);transition:transform .12s var(--ease-out), border-color .12s, background .12s, box-shadow .12s;background:linear-gradient(#ffffff08,#0000 62%),#ffffff05;border:1px solid #ffffff17;gap:7px;padding:16px;display:grid;position:relative}.license-card.svelte-ici5ne:hover{border-color:var(--border-strong);background:linear-gradient(#ffffff0b,#0000 62%),#ffffff07;transform:translateY(-1px)}.license-card-selected.svelte-ici5ne{border-color:var(--at-orange);background:linear-gradient(145deg, #e87c0029, #e87c000b 44%, #ffffff06), var(--surface-2);box-shadow:0 0 0 1px #e87c001f,0 18px 46px #e87c001a}.license-card-selected.svelte-ici5ne:hover{border-color:var(--at-orange);background:linear-gradient(145deg, #e87c002e, #e87c000e 44%, #ffffff06), var(--surface-2)}.license-card-exclusive.svelte-ici5ne{background:linear-gradient(145deg, #e87c001a, #ffffff05 60%), var(--surface-2)}.license-popular-tag.svelte-ici5ne{border-radius:var(--r-pill);color:var(--at-orange);letter-spacing:.04em;text-transform:uppercase;background:#e87c0029;border:1px solid #e87c0047;align-items:center;gap:4px;padding:4px 8px;font-size:9px;font-weight:820;display:inline-flex;position:absolute;top:10px;right:10px}.license-exclusive-tag.svelte-ici5ne{color:var(--at-orange);position:absolute;top:10px;right:10px}.license-card-topline.svelte-ici5ne{gap:4px;padding-right:74px;display:grid}.license-name.svelte-ici5ne{font-size:var(--fs-base);color:var(--fg-1);letter-spacing:0;font-weight:780;line-height:1.22}.license-price.svelte-ici5ne{font-size:var(--fs-sm);color:var(--fg-1);font-weight:760}.license-files.svelte-ici5ne{border-radius:var(--r-pill);width:fit-content;min-height:24px;color:var(--fg-3);font-family:var(--font-secondary);font-variant-numeric:tabular-nums;background:#ffffff0e;align-items:center;padding:4px 9px;font-size:11px;font-weight:720;line-height:1;display:inline-flex}.license-summary.svelte-ici5ne{color:var(--fg-4);font-size:var(--fs-xs);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.usage-terms.svelte-ici5ne{border-radius:var(--r-sm);background:#00000029;border:1px solid #ffffff13;overflow:hidden}.terms-toggle.svelte-ici5ne{width:100%;color:var(--fg-1);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px;display:flex}.terms-toggle.svelte-ici5ne h5:where(.svelte-ici5ne){font-size:var(--fs-base);font-weight:780}.terms-list.svelte-ici5ne{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px 16px;padding:0 16px 16px;display:grid}.term-item.svelte-ici5ne{color:var(--fg-3);align-items:flex-start;gap:10px;min-height:28px;display:flex}.term-item.svelte-ici5ne .material-symbols-outlined{color:var(--fg-4);flex-shrink:0;margin-top:2px}.see-all-link.svelte-ici5ne{border-radius:var(--r-pill);border:1px solid var(--border);min-height:38px;font-size:var(--fs-sm);color:var(--fg-1);white-space:nowrap;background:#ffffff05;justify-content:center;align-items:center;padding:0 18px;font-weight:700;transition:transform .12s,border-color .12s,background .12s,color .12s;display:inline-flex}.see-all-link.svelte-ici5ne:hover{border-color:var(--border-strong);color:var(--at-orange);background:#ffffff0f;transform:translateY(-1px)}.rail-controls.svelte-ici5ne{align-items:center;gap:10px;display:inline-flex}.rail-control.svelte-ici5ne{border-radius:var(--r-pill);border:1px solid var(--border);width:38px;height:38px;color:var(--fg-1);cursor:pointer;background:#ffffff05;place-items:center;transition:transform .12s,border-color .12s,background .12s,color .12s;display:grid}.rail-control.svelte-ici5ne:hover{border-color:var(--border-strong);color:var(--at-orange);background:#ffffff0f;transform:translateY(-1px)}.producer-card-rail.svelte-ici5ne{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;margin:0 -4px;padding:8px 4px 18px;scroll-padding-inline:4px;display:flex;overflow-x:auto}.producer-card-rail.svelte-ici5ne::-webkit-scrollbar{display:none}.producer-card-rail.svelte-ici5ne .audio-card{scroll-snap-align:start;flex:0 0 clamp(184px,18vw,228px);width:clamp(184px,18vw,228px)}.producer-card-rail.svelte-ici5ne .audio-card-art{aspect-ratio:1}.producer-card-rail.svelte-ici5ne .audio-card-buy-label{display:none}.comment-input-row.svelte-ici5ne{margin-bottom:var(--gap-stack);align-items:center;gap:10px;display:flex}.comment-input-wrap.svelte-ici5ne{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);flex:1;align-items:center;height:42px;transition:border-color .12s;display:flex;overflow:hidden}.comment-input-wrap.svelte-ici5ne:focus-within{border-color:var(--at-orange);box-shadow:0 0 0 3px #f591141f}.comment-input.svelte-ici5ne{font-size:var(--fs-sm);color:var(--fg-1);background:0 0;border:none;outline:none;flex:1;height:100%;padding:0 16px}.comment-input.svelte-ici5ne::placeholder{color:var(--fg-4)}.comment-send-btn.svelte-ici5ne{background:var(--at-orange);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;margin-right:3px;transition:transform 80ms;display:grid}.comment-send-btn.svelte-ici5ne:active{transform:scale(.9)}.comments-count.svelte-ici5ne{border-radius:var(--r-pill);border:1px solid var(--border);min-height:36px;color:var(--fg-2);font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;background:#ffffff06;align-items:center;padding:0 14px;font-weight:740;transition:transform .12s,border-color .12s,background .12s,color .12s;display:inline-flex}.comments-count.svelte-ici5ne:hover{border-color:var(--border-strong);color:var(--fg-1);background:#ffffff0f;transform:translateY(-1px)}.guest-comment-prompt.svelte-ici5ne{border-radius:var(--r-pill);border:1px solid var(--border);width:100%;min-height:48px;color:var(--fg-3);cursor:pointer;text-align:left;background:#ffffff06;align-items:center;gap:10px;padding:7px 12px;transition:transform .12s,border-color .12s,background .12s,color .12s;display:flex}.guest-comment-prompt.svelte-ici5ne:hover{color:var(--fg-1);background:#ffffff0e;border-color:#e87c004d;transform:translateY(-1px)}.guest-comment-prompt.svelte-ici5ne span:where(.svelte-ici5ne){flex:1;font-weight:720}.comment-list.svelte-ici5ne{flex-direction:column;gap:16px;display:flex}.comment-item.svelte-ici5ne{align-items:flex-start;gap:10px;display:flex}.comment-body.svelte-ici5ne{flex:1;min-width:0}.comment-header.svelte-ici5ne{align-items:center;gap:8px;margin-bottom:2px;display:flex}.comment-user.svelte-ici5ne{font-size:var(--fs-sm);color:var(--fg-1);font-weight:600}.comment-text.svelte-ici5ne{color:var(--fg-3);margin:0;line-height:1.38}.comment-actions.svelte-ici5ne{align-items:center;gap:12px;margin-top:6px;display:flex}.comment-actions.svelte-ici5ne button:where(.svelte-ici5ne),.reply-preview.svelte-ici5ne{color:var(--fg-4);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:720;transition:color .1s;display:inline-flex}.comment-actions.svelte-ici5ne button:where(.svelte-ici5ne):hover,.reply-preview.svelte-ici5ne:hover{color:var(--fg-1)}.reply-preview.svelte-ici5ne{margin-top:8px}.comments-sheet.svelte-ici5ne{flex-direction:column;gap:18px;padding-bottom:18px;display:flex}.sheet-input.svelte-ici5ne,.sheet-guest.svelte-ici5ne{z-index:2;background:linear-gradient(180deg, #141414fa, #141414eb), var(--surface);margin-bottom:0;position:sticky;top:0;box-shadow:0 12px 24px #0000003d}.sheet-comment-list.svelte-ici5ne{gap:20px}.comment-item-expanded.svelte-ici5ne{border-bottom:1px solid #ffffff0f;padding-bottom:18px}.reply-list.svelte-ici5ne{flex-direction:column;gap:14px;margin-top:12px;padding-left:16px;display:flex;position:relative}.reply-list.svelte-ici5ne:before{content:"";background:#ffffff1a;width:1px;position:absolute;top:2px;bottom:2px;left:4px}.reply-item.svelte-ici5ne{gap:8px}.auth-resume-sheet.svelte-ici5ne{text-align:center;gap:16px;max-width:360px;margin:0 auto;padding:4px 0 10px;display:grid}.auth-resume-icon.svelte-ici5ne{border-radius:var(--r-lg);width:54px;height:54px;color:var(--at-orange);background:#e87c001f;border:1px solid #e87c0047;place-items:center;margin:0 auto;display:grid}.auth-resume-sheet.svelte-ici5ne h3:where(.svelte-ici5ne){font-size:var(--fs-2xl);margin:0;font-weight:820;line-height:1.05}.auth-resume-sheet.svelte-ici5ne p:where(.svelte-ici5ne){max-width:36ch;color:var(--fg-3);font-size:var(--fs-sm);margin:0 auto;line-height:1.45}.pending-action-chip.svelte-ici5ne{border-radius:var(--r-pill);width:fit-content;color:var(--fg-2);font-family:var(--font-secondary);text-transform:capitalize;background:#ffffff0f;margin:0 auto;padding:6px 10px;font-size:12px;font-weight:720}.auth-resume-sheet.svelte-ici5ne .btn:where(.svelte-ici5ne){width:min(100%,280px);margin:2px auto 0}.related-list.svelte-ici5ne{flex-direction:column;gap:12px;display:flex}@media (width<=720px){.checkout-actions.svelte-ici5ne{flex-wrap:wrap}.license-grid.svelte-ici5ne{grid-template-columns:repeat(2,1fr)}.terms-list.svelte-ici5ne{grid-template-columns:1fr}.producer-card-rail.svelte-ici5ne{margin-right:calc(var(--space-4) * -1);padding-right:var(--space-4)}.producer-card-rail.svelte-ici5ne .audio-card{flex-basis:clamp(158px,58vw,208px);width:clamp(158px,58vw,208px)}.rail-controls.svelte-ici5ne{display:none}}@media (width<=480px){.license-grid.svelte-ici5ne{grid-template-columns:1fr 1fr}.section-header.svelte-ici5ne{gap:var(--space-2)}.section-header.svelte-ici5ne h2:where(.svelte-ici5ne),.section-header.svelte-ici5ne h3:where(.svelte-ici5ne){font-size:var(--fs-xl);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.see-all-link.svelte-ici5ne{min-height:34px;font-size:var(--fs-xs);padding:0 14px}}
