.OSyv6q_player{gap:var(--space-4);width:100%;max-width:520px;display:grid}.OSyv6q_card{aspect-ratio:1/.92;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);isolation:isolate;transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-slow) var(--ease-out);background-size:cover;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #000c}.OSyv6q_card:after{content:"";z-index:-1;background:linear-gradient(#07090f00 40%,#07090fa6);position:absolute;inset:0}.OSyv6q_cardOn{border-color:var(--border-accent);box-shadow:0 30px 90px -30px #edb56e59,0 0 0 1px #edb56e33}.OSyv6q_cardGlyph{top:var(--space-6);right:var(--space-6);color:#ffffff29;z-index:-1;position:absolute}.OSyv6q_disc{aspect-ratio:1;-webkit-backdrop-filter:blur(10px);cursor:pointer;width:34%;color:var(--text-strong);z-index:1;transition:transform var(--duration-fast) var(--ease-out), background var(--duration-base);background:#ffffff1a;border:1px solid #ffffff38;border-radius:50%;place-items:center;display:grid;position:relative}.OSyv6q_disc:hover{background:#ffffff29}.OSyv6q_disc:active{transform:scale(.96)}.OSyv6q_cardOn .OSyv6q_disc{animation:OSyv6q_breathe 6s var(--ease-out) infinite}.OSyv6q_discIcon{aspect-ratio:1;background:var(--text-strong);width:26%;display:block}.OSyv6q_discIcon[data-state=idle]{clip-path:polygon(18% 0,100% 50%,18% 100%);margin-left:8%}.OSyv6q_discIcon[data-state=playing]{border-radius:5px;width:22%}.OSyv6q_discIcon[data-state=loading]{border:2px solid var(--text-strong);background:0 0;border-right-color:#0000;border-radius:50%;animation:.9s linear infinite OSyv6q_spin}.OSyv6q_cardText{left:var(--space-6);bottom:var(--space-5);z-index:1;gap:2px;display:grid;position:absolute}.OSyv6q_eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-accent)}.OSyv6q_name{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-light);color:var(--text-strong);line-height:1.1}.OSyv6q_blurb{font-size:var(--text-sm);color:var(--text-soft)}.OSyv6q_controls{gap:var(--space-4);display:grid}.OSyv6q_timers[hidden]{display:none}.OSyv6q_timers{gap:var(--space-2);flex-wrap:wrap;display:flex}.OSyv6q_chip{font:inherit;font-size:var(--text-sm);border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-body);cursor:pointer;padding:7px 14px}.OSyv6q_chip[aria-pressed=true]{border-color:var(--border-accent);background:var(--surface-glow);color:var(--text-strong)}.OSyv6q_volume{align-items:center;gap:var(--space-3);color:var(--text-soft);display:flex}.OSyv6q_volume input{appearance:none;background:linear-gradient(90deg, var(--brand-glow) var(--fill), #ffffff24 var(--fill));cursor:pointer;border-radius:3px;flex:1;height:6px}.OSyv6q_volume input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brand-ink);border:0;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #00000080}.OSyv6q_volume input::-moz-range-thumb{background:var(--brand-ink);border:0;border-radius:50%;width:22px;height:22px}.OSyv6q_tiles{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(84px,1fr));margin:0;padding:0;list-style:none;display:grid}.OSyv6q_tile{width:100%;font:inherit;color:var(--text-soft);cursor:pointer;text-align:center;background:0 0;border:0;justify-items:center;gap:6px;padding:0;display:grid}.OSyv6q_tileArt{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--border-subtle);color:#ffffffb8;width:100%;transition:border-color var(--duration-fast), transform var(--duration-fast) var(--ease-out);place-items:center;display:grid}.OSyv6q_tile:hover .OSyv6q_tileArt{transform:translateY(-2px)}.OSyv6q_tileCurrent .OSyv6q_tileArt{border-color:var(--border-accent)}.OSyv6q_tile[aria-pressed=true] .OSyv6q_tileArt{box-shadow:0 0 0 2px var(--brand-glow)}.OSyv6q_tileName{font-size:var(--text-xs);line-height:1.3}.OSyv6q_tile[aria-pressed=true] .OSyv6q_tileName,.OSyv6q_tileCurrent .OSyv6q_tileName{color:var(--text-strong)}.OSyv6q_previewEnd{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-accent);background:var(--surface-glow);font-size:var(--text-sm);display:grid}.OSyv6q_nudge{color:var(--text-soft);animation:OSyv6q_nudge-in var(--duration-slow) var(--ease-out)}.OSyv6q_nudge a{color:var(--text-accent)}@keyframes OSyv6q_nudge-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.OSyv6q_nudge{animation:none}}.OSyv6q_note{font-size:var(--text-sm);color:var(--text-faint)}.OSyv6q_note a{color:var(--text-soft)}@keyframes OSyv6q_breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes OSyv6q_spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.OSyv6q_cardOn .OSyv6q_disc{animation:none}}@media (max-width:600px){.OSyv6q_card{border-radius:var(--radius-lg)}.OSyv6q_cardText{left:var(--space-5);bottom:var(--space-4)}.OSyv6q_timers{flex-wrap:nowrap;gap:6px}.OSyv6q_chip{font-size:var(--text-xs);white-space:nowrap;padding:6px 11px}.OSyv6q_tiles{scroll-snap-type:x proximity;padding:6px var(--gutter-mobile) var(--space-2) 4px;margin:-6px calc(-1 * var(--gutter-mobile)) 0 -4px;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:76px;grid-auto-flow:column;scroll-padding-left:4px;overflow-x:auto}.OSyv6q_tiles::-webkit-scrollbar{display:none}.OSyv6q_tiles li{scroll-snap-align:start}}