/* A mobile workspace with room for the catalogue. Desktop and media controls
 * retain their existing geometry. Disclosure panels appear only on request. */
#mobile-quick-nav,#mobile-global-search,.pc-mobile-menu-extras{display:none}
@media(max-width:760px){
 html.pc-ui.pc-mobile-shell{--mobile-head:56px;--mobile-tabs:48px;--mobile-chrome:104px}
 html.pc-ui.pc-mobile-shell body{padding-top:var(--mobile-chrome)}
 html.pc-ui.pc-mobile-shell .shell-header{height:var(--mobile-head);padding:6px 14px;flex-wrap:nowrap;align-content:normal;gap:12px;background:var(--pc-bg);border-bottom:0;backdrop-filter:none}
 html.pc-ui.pc-mobile-shell .shell-header .brand{font-size:23px;flex:1;letter-spacing:-1.1px}
 html.pc-ui.pc-mobile-shell .menu-toggle{width:40px;height:40px;min-height:40px;padding:7px;border:1px solid var(--pc-line);border-radius:12px;background:var(--pc-panel)}
 html.pc-ui.pc-mobile-shell .menu-toggle span:last-child{display:none}
 html.pc-ui.pc-mobile-shell #mobile-global-search{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:9px;border:1px solid var(--pc-line);border-radius:12px;background:var(--pc-panel);color:var(--pc-muted)}
 #mobile-global-search svg{width:20px;height:20px}
 html.pc-ui.pc-mobile-shell #mobile-quick-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;top:var(--mobile-head);left:0;right:0;z-index:23;height:var(--mobile-tabs);padding:0 12px 6px;gap:3px;background:var(--pc-bg);border-bottom:1px solid var(--pc-line)}
 #mobile-quick-nav a{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;height:41px;padding:6px 4px;border:1px solid transparent;border-radius:11px;font-size:11px;font-weight:600;color:var(--pc-muted);white-space:nowrap;line-height:1}
 #mobile-quick-nav a>span:first-child{display:grid;place-items:center;width:17px;flex:none;font-size:17px}
 #mobile-quick-nav svg{width:17px;height:17px}
 #mobile-quick-nav a.active{background:linear-gradient(135deg,#32cd321b,#32cd3208);color:var(--pc-accent);border-color:#32cd322d}
 #mobile-quick-nav [data-quick-module=radio].active{background:linear-gradient(135deg,#ff535c24,#ff535c09);border-color:#ff535c35;color:#ff666e}
 html.pc-ui.pc-mobile-shell .module-menu{display:none;top:var(--mobile-head);bottom:83px;height:auto;width:min(350px,calc(100vw - 28px));right:auto;padding:20px 14px;border:1px solid var(--pc-line);border-left:0;border-radius:0 18px 18px 0;background:var(--pc-panel);box-shadow:12px 0 40px #0005;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;z-index:26}
 html.pc-ui.pc-mobile-shell body.menu-open .module-menu{display:block;top:var(--mobile-head);bottom:83px;width:min(350px,calc(100vw - 28px));height:auto;padding:20px 14px}
 html.pc-ui.pc-mobile-shell .module-menu .module-links{display:block;width:auto}
 html.pc-ui.pc-mobile-shell body.menu-open .module-menu .module-links a{min-height:44px;padding:11px 12px;font-size:13px}
 html.pc-ui.pc-mobile-shell .menu-backdrop{inset:var(--mobile-head) 0 83px;backdrop-filter:none;background:#03070bcc}
 html.pc-ui.pc-mobile-shell body.radio-playing-page :is(.module-menu,.menu-backdrop),html.pc-ui.pc-mobile-shell body.media-playing-page .module-menu{bottom:0}
 html.pc-ui.pc-mobile-shell .module-viewport:not(.media-mini):not(.media-thumbnail){top:var(--mobile-chrome)}
 html.pc-ui.pc-mobile-shell .collaboration-stack{top:calc(var(--mobile-chrome) + 8px)}
 html.pc-ui.pc-mobile-shell .pc-mobile-menu-extras{display:block;border-top:1px solid var(--pc-line);margin-top:20px;padding-top:18px}
 .pc-mobile-menu-extras #navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0 18px}
 html.pc-ui.pc-mobile-shell .pc-mobile-menu-extras #navigation button{min-height:44px;padding:10px 12px;font-size:12px;justify-content:center;text-align:center;border:1px solid var(--pc-line);background:var(--pc-bg)}
 html.pc-ui.pc-mobile-shell .pc-mobile-menu-extras #navigation button.active{background:var(--pc-soft);border-color:#32cd3240;color:var(--pc-accent)}
 html.pc-ui.pc-mobile-shell .pc-mobile-menu-extras .account-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:0}
 html.pc-ui.pc-mobile-shell .pc-mobile-menu-extras .account-actions .subtle{width:auto;min-width:44px;height:44px;padding:10px 12px;font-size:13px}
 html.pc-ui.pc-mobile-shell .pc-mobile-menu-extras #install{display:inline-block}
 html.pc-ui.pc-mobile-shell .pc-mobile-menu-extras #account{display:block;max-width:none;flex:1 1 100%;font-size:12px;padding:12px 4px}

 /* Search scrolls with content. Technical status is behind its own button. */
 html.pc-ui.pc-mobile-catalogue:not(.platform-mini) .top-header{position:relative;top:auto;padding:10px 12px;background:var(--pc-bg);border-bottom:1px solid var(--pc-line);overflow:visible;z-index:10}
 html.pc-ui.pc-mobile-catalogue .top-header .header-row-1{gap:0;align-items:center}
 html.pc-ui.pc-mobile-catalogue .top-header .header-row-1>div:first-child:empty{display:none}
 html.pc-ui.pc-mobile-catalogue .top-header .header-actions{position:relative;display:flex;flex-wrap:nowrap;gap:6px;align-items:center;width:100%;min-width:0}
 html.pc-ui.pc-mobile-catalogue .top-header .header-actions #live-search{flex:1 1 0;min-width:0;max-width:none;width:0;height:42px;padding:10px 12px;font-size:12px;border-radius:12px}
 html.pc-ui.pc-mobile-catalogue .top-header #controls-toggle{flex:none;min-height:42px;height:42px;padding:9px 10px;font-size:10px;border-radius:12px}
 html.pc-ui.pc-mobile-catalogue #controls-toggle[data-active=true]::after{width:16px;height:16px;margin-left:4px}
 html.pc-ui.pc-mobile-catalogue:not(.platform-mini) main.container{padding:12px;margin-top:0}
 html.pc-ui.pc-mobile-catalogue .library-panel{padding:0;border:0;border-radius:0;box-shadow:none}
 html.pc-ui.pc-mobile-catalogue .pc-mobile-collection .section-heading{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;margin-bottom:14px;min-height:48px;min-width:0}
 html.pc-ui.pc-mobile-catalogue .pc-mobile-collection .section-heading>div:first-child{flex:1;min-width:0}
 html.pc-ui.pc-mobile-catalogue .section-heading h2{margin:0;font-size:21px;line-height:1.3;letter-spacing:-.04em}
 html.pc-ui.pc-mobile-catalogue .pc-mobile-collection .section-heading p{display:none}
 html.pc-ui.pc-mobile-catalogue .pc-mobile-collection .library-actions:empty{display:none}
 html.pc-ui.pc-mobile-catalogue .pc-mobile-collection .library-actions{margin:0;gap:8px}
 html.pc-ui.pc-mobile-catalogue .pc-mobile-collection-play{order:1;flex:none;font-size:0!important;min-width:42px!important;width:42px;height:42px;min-height:42px!important;padding:0!important;border-radius:50%!important;background:var(--pc-accent)!important;color:#092309!important;box-shadow:0 0 0 4px #32cd320b!important}
 .pc-mobile-collection-play::before{content:'▶';font:700 15px var(--pc-font);margin-left:2px}
 html.pc-ui.pc-mobile-catalogue .grid-mini{gap:12px}
 html.pc-ui.pc-mobile-catalogue .grid-mini:not(.music-list-view){grid-template-columns:repeat(2,minmax(0,1fr))}
 html.pc-ui.pc-mobile-catalogue .grid-mini.music-list-view{grid-template-columns:minmax(0,1fr)}
 html.pc-ui.pc-mobile-catalogue .grid-mini.music-list-view .card{grid-template-columns:min(var(--music-thumb-width,160px),50%) minmax(0,1fr)}
 html.pc-ui.pc-mobile-catalogue .grid-mini.music-list-view .thumbnail-container{width:100%}
 html.pc-ui.pc-mobile-catalogue .grid{gap:12px}
 html.pc-ui.pc-mobile-catalogue .music .card{border-radius:16px}
 html.pc-ui.pc-mobile-catalogue .music .card .content{padding:12px}
 html.pc-ui.pc-mobile-catalogue .music .card .title{font-size:13px;line-height:1.5;font-weight:600;letter-spacing:-.01em}
 html.pc-ui.pc-mobile-catalogue .discovery-summary{padding-top:8px}

 /* Lightweight, native disclosures reuse every existing input and action. */
 .pc-mobile-disclosure{flex:none;min-width:0}
 .pc-mobile-disclosure>summary{display:flex;align-items:center;justify-content:center;gap:4px;width:42px;height:42px;padding:9px;border:1px solid var(--pc-line);border-radius:12px;background:var(--pc-panel);color:var(--pc-muted);cursor:pointer;list-style:none;line-height:1;font:600 11px var(--pc-font);user-select:none}
 .pc-mobile-disclosure>summary::-webkit-details-marker{display:none}
 .pc-mobile-disclosure>summary svg{width:18px;height:18px;flex:none}
 .pc-mobile-add>summary{width:auto;min-width:67px;padding:9px 10px;background:var(--pc-soft);border-color:#32cd3240;color:var(--pc-accent)}
 .pc-mobile-disclosure[open]>summary{background:var(--pc-soft);border-color:#32cd3270;color:var(--pc-accent)}
 .pc-mobile-disclosure-body{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;min-width:0;max-height:60dvh;overflow:auto;overscroll-behavior:contain;padding:16px;border:1px solid #32cd3238;border-radius:18px;background:var(--pc-panel);box-shadow:0 16px 38px #0006}
 .pc-mobile-disclosure:not([open])>.pc-mobile-disclosure-body{display:none}
 .pc-mobile-disclosure-body .library-add{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin:0;padding:0;flex-basis:auto}
 .pc-mobile-disclosure-body .library-add+.library-add{padding-top:14px;margin-top:14px;border-top:1px solid var(--pc-line)}
 html.pc-ui.pc-mobile-catalogue .pc-mobile-disclosure-body .library-add input{height:44px;flex:1 1 150px!important;min-width:0;max-width:100%;font-size:16px!important}
 html.pc-ui.pc-mobile-catalogue .pc-mobile-disclosure-body .primary-btn{min-height:44px;padding:10px 13px;font-size:12px}
 .pc-mobile-disclosure-body .view-controls{display:flex;flex-wrap:wrap;gap:8px;padding:0;border:0;background:transparent;width:100%}
 html.pc-ui.pc-mobile-catalogue .pc-mobile-disclosure-body .view-btn{flex:1 1 35%;min-height:44px;padding:10px;font-size:12px}
 html.pc-ui.pc-mobile-catalogue .pc-mobile-disclosure-body select{flex:1 1 100%;width:100%;max-width:100%;min-height:44px;font-size:16px;padding:10px}
 .pc-mobile-field-title{display:block!important;margin:0 0 12px!important;font:600 9px var(--pc-font)!important;letter-spacing:.14em;color:var(--pc-muted)}
 .pc-mobile-size-label{flex:1 1 100%;font:500 11px var(--pc-font);color:var(--pc-muted);margin-top:4px}
 html.pc-ui.pc-mobile-catalogue .pc-mobile-disclosure-body input[type=range]{flex:1 1 100%;width:100%;height:32px;margin:0;accent-color:var(--pc-accent)}
 html.pc-ui.pc-mobile-catalogue .pc-mobile-status :is(.sync-strip,.quota-container){display:block;margin:0;text-align:left;font-size:11px;line-height:1.8;white-space:normal;max-width:100%}
 html.pc-ui.pc-mobile-catalogue .pc-mobile-status .quota-container{padding-top:10px;margin-top:10px;border-top:1px solid var(--pc-line)}
 html.pc-ui.pc-mobile-catalogue .pc-mobile-status .quota-summary{font-size:11px}
 .pc-mobile-disclosure summary:focus-visible,#mobile-quick-nav a:focus-visible{outline:2px solid var(--pc-focus);outline-offset:2px}
 html.pc-ui[data-theme=light] #mobile-quick-nav a.active{color:#17751d}
}
@media(max-width:360px){
 html.pc-ui.pc-mobile-shell #mobile-quick-nav{padding-inline:8px}
 #mobile-quick-nav a{font-size:10px;gap:4px}
 html.pc-ui.pc-mobile-catalogue .section-heading h2{font-size:19px}
 html.pc-ui.pc-mobile-catalogue .pc-mobile-disclosure>summary{width:38px;height:42px;padding:8px}
 html.pc-ui.pc-mobile-catalogue .pc-mobile-add>summary{width:auto;min-width:59px;padding:8px;font-size:10px}
 html.pc-ui.pc-mobile-catalogue .section-heading{gap:5px}
}
@media(prefers-reduced-motion:no-preference){
 #mobile-quick-nav a,.pc-mobile-disclosure>summary{transition:background .16s,border-color .16s,color .16s}
}