.listen-wave{cursor:pointer;touch-action:none;width:100%;height:36px;display:block}.listen-wave rect{fill:color-mix(in oklab,var(--foreground) 28%,transparent)}.listen-wave rect.is-played{fill:var(--foreground)}.listen-wave rect.is-head{fill:var(--primary)}.listen-track{border-bottom:1px solid var(--border);grid-template-columns:2.75rem minmax(0,1fr);align-items:center;gap:14px;min-height:68px;padding:12px 0;display:grid}.listen-track-heading{gap:5px;display:grid}.listen-track-title{overflow-wrap:anywhere;line-height:1.4}.listen-track-meta{justify-content:space-between;gap:12px;display:flex}@media (width>=768px){.listen-track-heading{grid-template-columns:minmax(0,1fr) minmax(100px,140px);align-items:baseline;gap:20px}}.listen-track-play{border:1px solid var(--border);width:44px;height:44px;color:var(--foreground);background:0 0;border-radius:999px;place-items:center;transition:border-color .15s;display:grid}.listen-track-play:hover{border-color:var(--foreground)}.listen-track-play[aria-pressed=true]{border-color:var(--primary);color:var(--primary)}.listen-track-play:disabled{opacity:.35;cursor:default}.listen-readout{font-family:var(--font-mono);color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:11px}.listen-buy{border:1px solid var(--border);border-radius:24px;padding:22px}.listen-checkout{z-index:70;background:var(--popover);width:calc(100% - 32px);max-height:calc(100dvh - 32px);color:var(--popover-foreground);border-radius:8px;overflow-y:auto}body:has(.listen-checkout) .help-fab{visibility:hidden}.listen-checkout>button:last-child{place-items:center;width:44px;height:44px;display:grid;top:8px;right:8px}.listen-input{border:1px solid var(--border);width:100%;min-height:48px;color:var(--foreground);background:0 0;border-radius:12px;padding:0 14px;font-size:16px}.listen-input:focus{border-color:var(--foreground);outline:none}.listen-primary{background:var(--primary);width:100%;min-height:52px;color:var(--primary-foreground);border-radius:999px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:700;transition:opacity .15s;display:inline-flex}.listen-primary:disabled{opacity:.45}.listen-secondary{border:1px solid var(--border);min-height:44px;color:var(--foreground);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;display:inline-flex}.listen-secondary:hover{border-color:var(--foreground)}.listen-error{color:var(--destructive);font-size:14px;line-height:1.5}.help-fab{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:60;border:1px solid var(--border);background:var(--background);min-height:46px;color:var(--foreground);box-shadow:0 10px 30px color-mix(in oklab,var(--background) 70%,transparent);border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex;position:fixed}.help-fab:hover{border-color:var(--foreground)}@media (width<=600px){.help-fab-player-visible{visibility:hidden;pointer-events:none}}.help-panel{right:18px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:61;border:1px solid var(--border);background:var(--background);width:min(380px,100vw - 36px);max-height:min(620px,100vh - 110px);box-shadow:0 24px 70px color-mix(in oklab,var(--background) 60%,transparent);border-radius:22px;padding:20px;position:fixed;overflow:auto}.help-msg{color:var(--foreground);margin:0 0 12px;font-size:14px;line-height:1.55}.help-msg.is-muted{color:var(--muted-foreground)}.help-options{gap:8px;display:grid}.help-option{border:1px solid var(--border);text-align:left;width:100%;min-height:48px;color:var(--foreground);background:0 0;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;font-size:14px;display:flex}.help-option:hover{border-color:var(--foreground)}.help-steps{color:var(--muted-foreground);margin:0 0 14px;padding-left:18px;font-size:13px;line-height:1.6}.help-steps li{margin-bottom:4px}.help-steps strong{color:var(--foreground);font-weight:600}.listen-buy .studio-payment-choice{gap:10px;display:grid}.listen-buy .studio-payment-label{color:var(--muted-foreground);letter-spacing:.12em;font-size:11px;font-weight:700}.listen-buy .studio-network-list,.listen-buy .studio-coin-list{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.listen-buy .studio-network-option,.listen-buy .studio-coin-option{border:1px solid var(--border);min-height:44px;color:var(--foreground);background:0 0;border-radius:10px;gap:9px;padding:0 13px;font-size:13px;font-weight:600}.listen-buy .studio-coin-option{min-width:70px}.listen-buy .studio-network-option:hover,.listen-buy .studio-coin-option:hover{border-color:color-mix(in oklab,var(--foreground) 45%,transparent);background:0 0}.listen-buy .studio-network-option[aria-pressed=true],.listen-buy .studio-coin-option[aria-pressed=true]{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 9%,transparent)}
