.ios-player-option{display:none;align-items:center;gap:13px;margin:0 0 12px;padding:12px 14px;border:1px solid rgba(var(--ink),.12);border-radius:14px;background:var(--panel);box-shadow:0 8px 28px #00000018}.ios-player-option.show{display:flex}.ios-player-copy{flex:1;min-width:0}.ios-player-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ios-player-title{font-size:14px;font-weight:850;color:var(--text)}.ios-player-state{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:rgba(var(--ink),.09);color:var(--text3);font-size:10px;font-weight:900;letter-spacing:.06em}.ios-player-state.on{background:#168143;color:#fff}.ios-player-state.party{background:#9a6700;color:#fff}.ios-player-desc{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.4}.ios-player-switch{position:relative;flex:0 0 52px;width:52px;height:30px}.ios-player-switch input{position:absolute;opacity:0;pointer-events:none}.ios-player-switch-ui{position:absolute;inset:0;border:1px solid rgba(var(--ink),.18);border-radius:999px;background:rgba(var(--ink),.14);cursor:pointer;transition:.2s}.ios-player-switch-ui:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0007;transition:.2s}.ios-player-switch input:checked+.ios-player-switch-ui{border-color:var(--accent);background:var(--accent)}.ios-player-switch input:checked+.ios-player-switch-ui:after{transform:translateX(22px)}.ios-player-switch input:focus-visible+.ios-player-switch-ui{outline:2px solid var(--accent);outline-offset:3px}.ios-player-switch input:disabled+.ios-player-switch-ui{cursor:not-allowed;opacity:.5}@media(max-width:560px){.ios-player-option{padding:11px 12px;margin-bottom:9px}.ios-player-desc{font-size:11.5px}.ios-player-title{font-size:13.5px}}