/* Mobile Audio composition, adapted to the shared website shell. */
#radioboxPage:has(.audio-consumer){max-width:none;padding:0 0 110px;container-type:inline-size}
.audio-consumer{--ac-accent:var(--accent-primary);--ac-text:var(--text,#242332);--ac-muted:var(--text2,#687080);--ac-line:var(--border,#ece5fb);color:var(--ac-text);font-family:Inter,sans-serif;max-width:1320px;margin:0 auto}
.audio-consumer *{box-sizing:border-box}
.audio-consumer [hidden]{display:none!important}
.audio-consumer button,.audio-consumer input{font:inherit}
.audio-consumer button{cursor:pointer}
.audio-consumer button:focus-visible,.audio-consumer input:focus-visible{outline:2px solid var(--ac-accent);outline-offset:3px}
.audio-consumer button:disabled{cursor:wait;opacity:.6}
.ac-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px}.ac-icon svg{width:100%;height:100%}
.ac-chrome{background:var(--bg,#faf8fe);padding:12px 22px 0;border-bottom:1px solid var(--ac-line)}
.ac-top{display:flex;align-items:center;gap:24px}.ac-modes{display:flex;gap:8px;flex:1;max-width:740px;margin:auto}
.ac-mode{display:flex;justify-content:center;align-items:center;gap:8px;flex:1;min-width:0;border:1px solid transparent;border-radius:24px;padding:7px 12px;min-height:42px;background:#f4effc;color:#626775;font-size:13px!important;font-weight:600!important}
.ac-mode[data-mode=podcasts]{background:#fff4f6}.ac-mode[data-mode=music]{background:#edf4ff}
.ac-mode .ac-icon{width:27px;height:27px;background:#e9dcfb;border-radius:50%;padding:6px;color:#7935c8}.ac-mode[data-mode=podcasts] .ac-icon{background:#fce0e5;color:#d96f7b}.ac-mode[data-mode=music] .ac-icon{background:#dbe8ff;color:#547bd0}
.ac-mode[aria-pressed=true]{color:white;background:linear-gradient(var(--accent-primary),var(--accent-strong));border-color:var(--accent-border);box-shadow:0 3px 10px rgba(var(--accent-rgb),.13)}.ac-mode[aria-pressed=true] .ac-icon{background:var(--accent-soft);color:var(--accent-primary)}
.ac-studio{border:0;background:transparent;color:var(--ac-muted);display:flex;align-items:center;gap:6px;font-size:12px!important}
.ac-tabs{display:flex;margin-top:7px}.ac-tab{flex:1;border:0;background:transparent;color:var(--ac-muted);min-height:46px;position:relative;font-size:13px!important;font-weight:500!important}
.ac-tab[aria-selected=true]{color:var(--ac-accent);font-weight:650!important}.ac-tab[aria-selected=true]:after{content:'';height:3px;border-radius:4px;background:var(--accent-gradient);position:absolute;bottom:0;width:64%;left:18%}
.ac-body{padding:18px 22px 24px;min-width:0}.ac-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.ac-heading h2{font-size:18px;font-weight:700;margin:0;letter-spacing:-.35px}.ac-heading p{font-size:12px;color:var(--ac-muted);margin:5px 0 0}.ac-link{display:inline-flex;align-items:center;gap:3px;border:0;background:transparent;color:var(--ac-accent);font-size:12px!important;font-weight:600!important;padding:6px 0;white-space:nowrap}.ac-link .ac-icon{width:15px;height:15px}
.ac-section{margin-bottom:28px;min-width:0}.ac-rail-wrap{position:relative}.ac-rail{display:flex;overflow:auto;gap:18px;padding:2px 0 8px;scrollbar-width:none;scroll-snap-type:x proximity}.ac-rail::-webkit-scrollbar{display:none}
.ac-card{position:relative;flex:0 0 144px;min-width:0;scroll-snap-align:start}.ac-card-open{width:100%;display:flex;flex-direction:column;gap:9px;align-items:flex-start;text-align:left;color:var(--ac-text);padding:0;background:transparent;border:0}
.ac-art{display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:100%;border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--ac-accent) 12%,var(--bg2,#fff));flex-shrink:0}.ac-art img{width:100%;height:100%;object-fit:cover}.ac-art>.ac-icon{width:32px;height:32px;color:var(--ac-accent)}
.ac-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.ac-copy strong{font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ac-copy>span,.ac-copy small{font-size:11px;color:var(--ac-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.ac-play{display:grid;place-items:center;width:36px;height:36px;background:color-mix(in srgb,var(--ac-accent) 10%,var(--bg2,#fff));color:var(--ac-accent);border:0;border-radius:50%;margin-top:6px;flex-shrink:0}.ac-play:hover{background:var(--ac-accent);color:white}.ac-play .ac-icon{width:20px;height:20px}
.ac-primary{flex-basis:126px;text-align:center}.ac-primary .ac-card-open{align-items:center}.ac-primary .ac-art{width:104px;padding:4px;border:2px solid #c248dc;border-radius:17px;background:var(--bg2,#fff)}.ac-primary .ac-art img{border-radius:10px}.ac-primary .ac-copy{width:100%;text-align:center}.ac-primary .ac-play{position:absolute;right:0;top:66px;background:var(--bg2,#fff);border:1px solid #c89af8}
.ac-rail-arrow{position:absolute;top:40px;z-index:1;border:1px solid var(--ac-line);border-radius:50%;background:var(--bg2,#fff);color:var(--ac-text);width:36px;height:36px;display:grid;place-items:center;box-shadow:0 3px 12px #1e103322}.ac-rail-arrow[hidden]{display:none}.ac-rail-prev{left:-12px}.ac-rail-next{right:-12px}
.ac-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.ac-quick-item{display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--ac-accent) 7%,var(--bg2,#fff));padding:13px 14px;border-radius:12px;border:1px solid var(--ac-line);font-size:12px!important;color:var(--ac-text);text-align:left}.ac-quick-item .ac-icon{color:var(--ac-accent)}
.ac-list{display:grid;gap:4px}.ac-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:12px;content-visibility:auto;contain-intrinsic-size:auto 78px}.ac-row:hover{background:color-mix(in srgb,var(--ac-accent) 5%,var(--bg2,#fff))}.ac-row .ac-card-open{flex:1;flex-direction:row;align-items:center;gap:12px;min-width:0}.ac-row .ac-art{width:56px;height:56px}.ac-row .ac-play{margin:0}.ac-row .ac-copy strong{-webkit-line-clamp:1}.ac-rank{font-size:23px;font-weight:750;color:var(--ac-muted);width:28px;text-align:center;flex-shrink:0}.ac-trend{font-size:11px;font-weight:700;color:var(--ac-muted)}.ac-trend-up{color:#16a34a}.ac-trend-down{color:#e11d48}.ac-trend-new{color:var(--ac-accent)}
.ac-search{display:flex;gap:12px;margin:16px 0}.ac-search label{display:flex;flex:1;gap:10px;align-items:center;border:1px solid var(--ac-line);border-radius:24px;background:var(--bg2,#fff);padding:0 15px;color:var(--ac-muted)}.ac-search input{min-width:0;width:100%;height:42px;border:0;background:transparent;color:var(--ac-text);outline:0;font-size:13px}.ac-periods,.ac-chips{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.ac-chip{background:var(--bg2,#fff);border:1px solid var(--ac-line);border-radius:18px;padding:9px 14px;color:var(--ac-muted);font-size:12px!important;display:flex;align-items:center;gap:6px}.ac-chip[aria-pressed=true]{background:var(--ac-accent);color:white;border-color:var(--ac-accent)}
.ac-moods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 30px}.ac-mood{position:relative;display:flex;align-items:center;justify-content:space-between;min-width:0;overflow:hidden;border:1px solid var(--ac-line);border-radius:16px;background:linear-gradient(120deg,#f2eafa,#fceefa);color:#47345f;font-weight:650!important;text-align:left;padding:12px 18px;height:114px}.ac-mood:nth-child(2n){background:linear-gradient(120deg,#eaf4fa,#eff8f3)}.ac-mood:nth-child(3n){background:linear-gradient(120deg,#fff2e4,#fcecf1)}.ac-mood img{width:100px;height:100px;object-fit:contain;max-width:50%}.ac-mood span{z-index:1;font-size:15px}
.ac-chips+.ac-heading{margin-top:26px}.ac-button,.ac-secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:22px;background:var(--ac-accent);color:white;padding:11px 22px;font-size:13px!important;font-weight:600!important}.ac-secondary{background:var(--bg2,#fff);border:1px solid var(--ac-line);color:var(--ac-text)}.ac-load-more{display:flex;margin:24px auto}
.ac-library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 28px}.ac-library-card{display:flex;flex-direction:column;align-items:flex-start;position:relative;gap:8px;min-height:145px;background:var(--card-wash);border:0;border-radius:20px;padding:19px;color:#47345f;text-align:left}.ac-library-card>.ac-icon:first-child{margin-bottom:14px;width:26px;height:26px;color:var(--ac-accent)}.ac-library-card strong{font-size:17px}.ac-library-card small{font-size:11px;color:#716777}.ac-library-card>.ac-icon:last-child{position:absolute;bottom:20px;right:13px;width:16px}
.ac-empty{text-align:center;padding:70px 20px;color:var(--ac-muted)}.ac-empty>.ac-icon{width:42px;height:42px;color:var(--ac-accent)}.ac-empty h2{font-size:20px;color:var(--ac-text)}.ac-empty p{font-size:13px;line-height:1.6}.ac-detail{display:flex;gap:28px;padding:22px 0 35px}.ac-detail>.ac-art{width:240px;height:240px;border-radius:18px;box-shadow:0 10px 30px #24103420}.ac-detail-copy{min-width:0;flex:1}.ac-detail h1{font-size:26px;line-height:1.2;letter-spacing:-.6px;margin:10px 0}.ac-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--ac-accent)}.ac-detail p{font-size:13px;color:var(--ac-muted);line-height:1.6}.ac-detail-actions{display:flex;gap:10px;margin:18px 0}.ac-detail h2{font-size:16px}.ac-description{white-space:pre-wrap}.ac-detail-stats{font-size:12px!important}.ac-copy progress{width:100%;height:3px;accent-color:var(--ac-accent)}
.ac-skeletons{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ac-skeleton{height:180px;border-radius:12px;background:linear-gradient(90deg,var(--bg2,#f1ecfa) 25%,var(--bg3,#fff) 50%,var(--bg2,#f1ecfa) 75%);background-size:200% 100%;animation:ac-shimmer 1.6s infinite}@keyframes ac-shimmer{to{background-position:-200% 0}}
.rbx-dock svg,.rbx-expanded svg{width:22px;height:22px;display:block}.rbx-dock .rbx-dock-left{cursor:pointer}.rbx-player-tools{display:flex;justify-content:center;gap:10px;margin:12px 0}.rbx-player-tools button{border:1px solid var(--rbx-border);border-radius:20px;background:transparent;color:var(--rbx-text);font:500 12px Inter,sans-serif;padding:8px 14px}.rbx-expanded-panel{font-family:Inter,sans-serif}
.rbx-expanded-panel{left:50%;width:min(460px,calc(100vw - 28px));max-height:92dvh}.rbx-expanded-panel>*{flex-shrink:0}.rbx-expanded-art{width:min(280px,100%);align-self:center}.rbx-xp-cover{position:relative;z-index:1}.rbx-xp-title{white-space:normal;line-height:1.35;font-size:18px}.rbx-expanded .rbx-xp-play{background:linear-gradient(135deg,var(--accent-primary),var(--accent-strong))}
@media(max-width:768px){.rbx-expanded-panel{left:0;top:0;transform:none;width:100%;height:100dvh;max-height:100dvh;padding:18px 22px 30px}.rbx-expanded-art{width:min(270px,65vw)}.rbx-expanded-controls{gap:5px}.rbx-xp-ctl-side{gap:3px}.rbx-expanded .rbx-dock-btn{width:34px;height:40px}.rbx-expanded .rbx-xp-play{width:58px;height:58px}.rbx-xp-ctl-spacer{width:34px}}
@container (min-width:1050px){.ac-rail .ac-card:not(.ac-primary){flex-basis:158px}.ac-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ac-detail .ac-list{grid-template-columns:1fr}}
@container (max-width:700px){.ac-chrome{padding:10px 12px 0}.ac-body{padding:16px 14px 22px}.ac-top{gap:8px}.ac-studio{font-size:0!important;padding:5px}.ac-studio>span:not(.ac-icon){display:none}.ac-modes{gap:6px}.ac-mode{padding:6px;font-size:12px!important;gap:5px}.ac-mode .ac-icon{width:24px;height:24px;padding:5px}.ac-heading h2{font-size:16px}.ac-moods{grid-template-columns:repeat(2,minmax(0,1fr))}.ac-mood{height:95px;padding:8px 12px}.ac-mood img{width:80px;height:80px}.ac-mood span{font-size:13px}.ac-library-grid{grid-template-columns:repeat(2,1fr)}.ac-quick{gap:7px}.ac-quick-item{padding:10px 7px;gap:5px;font-size:11px!important}.ac-quick-item .ac-icon{width:18px;height:18px}.ac-primary{flex-basis:104px}.ac-primary .ac-art{width:88px}.ac-primary .ac-play{top:51px;width:30px;height:30px}.ac-card{flex-basis:120px}.ac-rail{gap:12px}.ac-detail{flex-direction:column;align-items:center;gap:18px}.ac-detail-copy{width:100%}.ac-detail h1{font-size:22px}.ac-skeletons{grid-template-columns:repeat(3,1fr)}.ac-skeleton{height:140px}.ac-row{padding:9px 0;gap:8px}}
@media(prefers-reduced-motion:reduce){.ac-skeleton{animation:none}.ac-rail{scroll-behavior:auto}}
.audio-social-dialog{position:fixed;inset:0;margin:auto;width:min(590px,calc(100vw - 24px));max-height:min(85dvh,calc(100dvh - 32px));padding:0;border:1px solid var(--border,#e8e0f3);border-radius:20px;background:var(--bg2,#fff);color:var(--text,#242332);font:14px Inter,sans-serif;box-shadow:0 22px 80px #0005;overflow:auto}.audio-social-dialog::backdrop{background:#13102388;backdrop-filter:blur(3px)}.audio-social-dialog *{box-sizing:border-box}.audio-social-dialog header{position:sticky;top:0;z-index:1;background:var(--bg2,#fff);display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--border,#eee)}.audio-social-dialog h2{margin:0;font-size:19px}.as-close,.as-link{border:0;background:none;color:var(--text2,#625b74);cursor:pointer;font:600 12px Inter,sans-serif;padding:7px}.as-body{padding:16px 20px}.as-subtitle,.as-count{font-size:12px;color:var(--text2,#726780)}.as-comments{margin-top:14px}.as-comment{display:flex;gap:9px;margin-bottom:16px}.as-avatar{width:32px;height:32px;border-radius:50%;background:#ede4ff;color:var(--accent-primary);display:grid;place-items:center;flex-shrink:0;overflow:hidden}.as-avatar img{width:100%;height:100%;object-fit:cover}.as-comment-content{min-width:0;flex:1}.as-bubble{background:var(--bg3,#f5f1fb);border-radius:15px;padding:10px 13px;width:fit-content;max-width:100%}.as-bubble strong{font-size:13px}.as-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;line-height:1.5}.as-comment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.as-comment-actions time{color:var(--text2,#726780);font-size:10px}.as-replies{padding-top:10px;border-left:1px solid var(--border,#eee);padding-left:10px}.as-composer{position:sticky;bottom:-16px;background:var(--bg2,#fff);padding:14px 0 4px;display:flex;gap:8px;flex-wrap:wrap}.as-composer textarea,.as-report textarea{flex:1;min-width:0;min-height:48px;border:1px solid var(--border,#ddd);border-radius:14px;background:var(--bg3,#f5f1fb);color:var(--text,#242332);font:14px Inter,sans-serif;padding:12px;resize:vertical}.as-button{border:0;border-radius:20px;background:var(--accent-primary);color:white;padding:10px 17px;font:600 12px Inter,sans-serif;cursor:pointer;align-self:center}.audio-social-dialog button:disabled{opacity:.5;cursor:default}.as-error{font-size:12px;color:#dc526f;line-height:1.5}.as-reply-label{width:100%;font-size:12px;color:var(--text2,#726780)}.as-reply-label:empty{display:none}.as-gifts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0}.as-gift{border:1px solid var(--border,#eee);border-radius:13px;background:var(--bg3,#f5f1fb);color:var(--text,#242332);display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px 7px;cursor:pointer}.as-gift[aria-pressed=true]{border-color:var(--accent-primary);background:var(--accent-soft)}.as-gift-icon svg{width:28px;height:28px;color:#9b64ed}.as-gift small{font-size:11px}.as-balance{font-size:13px;color:var(--text2,#726780)}.as-report{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.as-confirm{padding:10px;display:flex;gap:8px;align-items:center;background:var(--bg3,#f5f1fb);border-radius:10px}.ac-sync-status{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--ac-muted);padding:10px 0}.ac-detail-actions{flex-wrap:wrap}.audio-social-dialog :focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}
.as-gift-icon img{width:48px;height:48px;object-fit:contain}.rbx-expanded-actions{flex-wrap:wrap}
/* Audio collections and Studio share the consumer shell. */
.ac-section-title{font-size:24px;letter-spacing:-.5px;margin:18px 0}.ac-collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px;margin:20px 0}.ac-collection-card{display:flex;flex-direction:column;gap:7px;min-width:0;text-align:left;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0}.ac-collection-card strong{font-size:14px}.ac-collection-card small{font-size:12px;color:var(--muted,#817a90)}.ac-collection-art{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;background:#eee8f8}.ac-collection-hero{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;margin:24px 0}.ac-collection-hero h2{font-size:26px;margin:8px 0}.ac-collection-hero p{color:var(--muted,#817a90);font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.ac-studio-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border,#ede8f3)}.ac-studio-row>.ac-collection-art{width:48px;height:48px;flex-shrink:0;border-radius:8px}.ac-track-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:0;cursor:pointer}.ac-track-copy strong{font-size:14px;overflow:hidden;text-overflow:ellipsis}.ac-track-copy small{font-size:12px;color:var(--muted,#817a90)}.ac-track-number{min-width:18px;text-align:center;color:var(--muted,#817a90)}.ac-studio-search{width:100%;box-sizing:border-box;margin:18px 0;padding:12px 16px;border:1px solid var(--border,#ede8f3);border-radius:12px;background:var(--bg2,#fff);color:inherit;font:inherit}.ac-collection-explore{display:flex;align-items:center;gap:12px;width:100%;padding:18px;border:1px solid var(--border,#e7def4);border-radius:14px;background:var(--bg2,#fff);color:var(--ac-accent,#8b5cf6);font:600 14px Inter,sans-serif;text-align:left;cursor:pointer;margin:0 0 24px}.ac-collection-explore svg{width:24px;height:24px}.ac-editor{padding:24px;max-width:560px;box-sizing:border-box}.ac-editor h2{font-size:19px;margin:0}.ac-field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;margin:18px 0}.ac-field input,.ac-field textarea,.ac-field select{width:100%;box-sizing:border-box;border:1px solid var(--border,#ded8e8);border-radius:10px;padding:11px 12px;font:400 14px Inter,sans-serif;background:var(--bg2,#fff);color:inherit}.ac-field textarea{min-height:150px;resize:vertical}.ac-form-status{font-size:13px;color:var(--muted,#817a90)}.ac-picker-row{display:block;width:100%;border:0;border-bottom:1px solid var(--border,#ede8f3);background:none;color:inherit;font:500 14px Inter,sans-serif;text-align:left;padding:16px;cursor:pointer}
/* Full player: one persistent audio element, two focused desktop panels. */
.rbx-expanded-panel{width:min(920px,calc(100vw - 48px));padding:20px 24px 24px;max-height:calc(100dvh - 40px);gap:18px;left:50%;border-radius:24px}.ap-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;min-height:0}.ap-main{display:flex;flex-direction:column;gap:16px;min-width:0}.ap-main>*{flex-shrink:0}.rbx-expanded-art{width:min(300px,100%);margin:0 auto;border-radius:18px;box-shadow:0 12px 30px #20113b24}.rbx-expanded-meta{margin-top:0}.rbx-xp-title{font-size:18px;white-space:normal;overflow-wrap:anywhere}.rbx-xp-creator{font-size:13px;margin-top:5px}.rbx-xp-stats{font-size:11px;color:var(--rbx-text-muted);margin-top:4px}.rbx-expanded-actions{gap:8px}.rbx-expanded-actions .rbx-dock-btn{height:34px;width:40px}.rbx-expanded-actions svg{height:20px;width:20px}.rbx-expanded-controls{gap:5px}.rbx-xp-ctl-side{gap:2px}.rbx-expanded .rbx-dock-btn{width:36px;height:40px;flex-shrink:0}.rbx-expanded .rbx-dock-btn[hidden],.rbx-dock .rbx-dock-btn[hidden]{display:none}.rbx-expanded .rbx-xp-play{width:58px;height:58px}.rbx-player-tools{margin:0;gap:8px}.rbx-player-tools button{min-height:36px;padding:6px 14px;font-size:12px}.ap-sidebar{min-width:0;display:flex;flex-direction:column;border-left:1px solid var(--rbx-border);padding-left:26px}.ap-tabs{display:flex;gap:8px;border-bottom:1px solid var(--rbx-border);flex-shrink:0}.ap-tabs button{flex:1;background:none;border:0;border-bottom:3px solid transparent;color:var(--rbx-text-muted);padding:14px 8px;font:600 14px Inter,sans-serif;cursor:pointer}.ap-tabs button[aria-selected=true]{color:var(--rbx-purple-main);border-color:var(--rbx-purple-main)}.ap-content{max-height:530px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-top:12px}.ap-queue-caption,.ap-empty{font:400 13px/1.6 Inter,sans-serif;color:var(--rbx-text-muted);margin:10px 4px 16px}.rbx-xp-qrow{padding:10px 8px;gap:10px;min-height:60px}.rbx-xp-qrow[aria-current=true]{background:var(--rbx-surface-3)}.rbx-xp-qrow[aria-current=true] .rbx-xp-qtitle{color:var(--rbx-purple-main)}.ap-chapter,.ap-lyric{border:0;background:none;color:var(--rbx-text-muted);text-align:left;width:100%;padding:14px 12px;border-radius:10px;font:500 15px/1.5 Inter,sans-serif;cursor:pointer}.ap-chapter{display:flex;gap:14px;font-size:14px}.ap-chapter>span:first-child{font-size:12px;font-variant-numeric:tabular-nums}.ap-lyric{font-size:21px;font-weight:600;line-height:1.55}.ap-chapter[aria-current=true],.ap-lyric[aria-current=true]{color:var(--rbx-purple-main);background:var(--rbx-surface-3)}.ap-status{border-radius:10px;padding:10px;background:var(--rbx-surface-3);font:400 12px/1.5 Inter,sans-serif;color:var(--rbx-text-muted)}.ap-status[hidden]{display:none}.ap-status button{margin:8px 0 0}.rbx-expanded button:focus-visible,.ac-manage button:focus-visible,.ac-collection-card:focus-visible{outline:2px solid var(--rbx-purple-main,#8b5cf6);outline-offset:3px}
@media(max-width:768px){.rbx-expanded-panel{left:0;top:0;transform:none;width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:12px 20px max(24px,env(safe-area-inset-bottom));gap:12px}.ap-layout{display:flex;flex-direction:column;gap:20px}.ap-main{gap:12px}.rbx-expanded-art{width:min(220px,53vw,30dvh);border-radius:16px}.ap-sidebar{border-left:0;padding-left:0;border-top:1px solid var(--rbx-border)}.ap-content{max-height:340px;min-height:100px}.rbx-expanded .rbx-dock-btn{width:36px}.rbx-expanded-controls{max-width:370px;width:100%;align-self:center}.ac-collection-hero{grid-template-columns:100px 1fr;gap:16px}.ac-collection-hero h2{font-size:20px}.ac-collection-hero .ac-detail-actions{gap:8px}.ac-studio-row{gap:8px;flex-wrap:wrap}.ac-studio-row .ac-track-copy{min-width:130px}.ac-studio-row>.ac-secondary{font-size:12px;padding:8px 10px}.ac-collections-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ac-editor{padding:18px}.ac-section-title{font-size:22px}}
@media(prefers-reduced-motion:reduce){.rbx-expanded *{scroll-behavior:auto!important;animation:none!important}}
.rbx-expanded .rbx-xp-play{width:58px;min-width:58px;height:58px;border-radius:50%}
.audio-consumer [hidden],.ac-secondary[hidden],.ac-button[hidden],.ac-editor [hidden],.rbx-expanded [hidden],.rbx-dock [hidden]{display:none!important}
.ap-dock-status{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 48px);box-sizing:border-box;background:var(--rbx-surface);border:1px solid var(--rbx-border);box-shadow:var(--rbx-shadow);display:flex;align-items:center;gap:12px}.ap-dock-status button{margin:0;border:0;background:none;color:var(--rbx-purple-main);font:600 12px Inter,sans-serif;cursor:pointer}

/* Wrap Studio actions as a group without compressing upload titles. */
.ac-upload-row{flex-wrap:wrap}.ac-upload-row>.ac-track-copy{flex:1 1 200px;overflow-wrap:anywhere}.ac-studio-actions{display:flex;flex:1 1 340px;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:100%}.ac-studio-actions>.ac-secondary{white-space:nowrap;font-size:13px;padding:9px 12px}
/* Step8: the actual full player stays centered above its dim backdrop. */
@media(max-width:768px){.rbx-expanded-panel{left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100vw - 24px);height:auto;max-height:calc(100dvh - 24px);border-radius:20px}.rbx-expanded-art{width:min(200px,48vw,25dvh)}.ap-content{max-height:28dvh}}

/* Keep the comment field comfortable beside wrapped dialog actions. */
.audio-social-dialog .as-composer{position:static;padding-top:14px;align-items:center;justify-content:flex-end}
.audio-social-dialog .as-composer textarea{flex:1 1 100%;width:100%;min-height:88px;max-height:35dvh}
.audio-social-dialog .as-close,.audio-social-dialog .as-button,.audio-social-dialog .as-link{min-height:40px;min-width:40px}
@media(max-height:480px){.audio-social-dialog .as-composer textarea{min-height:64px}.audio-social-dialog header{position:static}}

/* Collection and comment fields stay readable without inflating surrounding chrome. */
.audio-social-dialog header{padding:10px 16px;}
.audio-social-dialog h2{font-size:18px;line-height:1.35;}
.audio-social-dialog .as-body{padding:12px 16px;}
.audio-social-dialog.ac-editor{padding:18px;scroll-padding-block:12px;overscroll-behavior:contain;}
.ac-editor .ac-field{gap:6px;margin:12px 0;}
.ac-editor .ac-field :is(input,textarea,select),.audio-social-dialog :is(.as-composer,.as-report) textarea{font-size:16px;line-height:1.5;scroll-margin-block:12px;}
.ac-editor .ac-field :is(input,select){min-height:44px;}
.ac-editor .ac-field textarea{min-height:112px;max-height:40dvh;}
.ac-editor .ac-form-status:empty{display:none;}
.audio-social-dialog .as-composer{padding-top:10px;}
@media(pointer:coarse){
 .audio-social-dialog :is(.as-button,.as-link,.ac-button,.ac-link){min-height:44px;min-width:44px;}
}
@media(max-height:480px){
 .audio-social-dialog.ac-editor{padding:14px;}
 .ac-editor .ac-field textarea{min-height:72px;}
}