.mp-discover .mp-rail--mode{flex-wrap:wrap;gap:16px;margin:20px 0}.mp-play-mode{display:flex;flex:none;gap:4px;min-width:0;max-width:100%;margin:0;padding:4px;border:1px solid var(--border-card);border-radius:var(--radius-pill);background:var(--surface-1);font:600 var(--type-secondary)/1.43 var(--display)}.mp-play-mode__option{position:relative;cursor:pointer;min-width:0}.mp-play-mode__option input{position:absolute;opacity:0;width:1px;height:1px}.mp-play-mode__option span{display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border-radius:var(--radius-pill);color:var(--dim);transition:color .16s,background .16s}.mp-play-mode__option input:checked+span{color:var(--bg);background:var(--ink)}.mp-play-mode__option input:focus-visible+span{outline:2px solid var(--purple-text);outline-offset:2px}.mp-rail--mode .mp-results-search{flex:1 1 260px;margin:0}.mp-play-mode__status{margin:24px 0;color:var(--dim)}.mp-play-mode__status--error{color:var(--red)}.mp-play-mode__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.mp .mp-play-mode__actions a,.mp-play-mode__actions button{color:var(--purple-text);font:inherit}.mp-play-mode__actions button{min-height:44px;padding:6px 16px;background:var(--surface-1);border:1px solid var(--border-card);border-radius:var(--radius-control);cursor:pointer}.mp-play-mode__actions a{display:inline-flex;align-items:center;min-height:44px}.mp-pf .mp-play-mode__status{padding:16px}.mp-rail--mode>.mp-play-mode{display:none}.mp-discover .mp-rail--mode:has(>.mp-play-mode:only-child){display:none}@media (max-width:640px){.mp-play-mode{font-size:var(--type-secondary)}.mp-play-mode__option span{min-height:44px;padding:0 12px}}@media (prefers-reduced-motion:reduce){.mp-play-mode__option span{transition:none}}