/* Desktop v2 ~ Figma 131:2031 and companion desktop screens, November 2026.
   At 1440px: cover x42/520px, action section x617/781px, both centered at y450. */
@font-face{font-family:'Google Sans Flex';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/google-sans-flex-800.ttf') format('truetype')}
body#pvRadio .pv-history-now-time{display:none}
@media (min-width:761px){
 body#pvRadio .pv-shell{padding:0 42px;min-height:max(740px,100dvh)}
 body#pvRadio .pv-topbar{position:absolute;top:32px;left:42px;right:42px;margin:0}
 body#pvRadio .pv-footer{position:absolute;bottom:24px;left:42px;right:42px;margin:0;font-size:10px}
 body#pvRadio .pv-player{width:100%;margin:0;min-height:max(740px,100dvh);padding:110px 0;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:55px;flex:1;align-items:center}
 body#pvRadio .pv-content{position:relative;max-width:none;height:520px;padding:63px 0 0;align-self:center;justify-content:flex-start}
 body#pvRadio .pv-meta-actions{gap:24px;align-items:flex-start;flex:none}
 body#pvRadio .pv-meta-copy{min-width:0}
 body#pvRadio .pv-content h1{font-size:48px;line-height:.95;font-weight:800;letter-spacing:-2.64px;margin:0 0 9.76px}
 body#pvRadio .pv-content p{font-size:17.331px;line-height:1.15;letter-spacing:-.3466px}
 body#pvRadio .pv-marquee{mask-image:none;-webkit-mask-image:none}
 body#pvRadio .pv-marquee>*{width:max-content;max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip}
 body#pvRadio .pv-inline-actions{padding-top:3.36px;gap:8px}
 body#pvRadio .pv-playback{position:absolute;left:0;right:0;top:197px;height:64px;gap:0;margin:0;border-radius:32px;background:#ffffff14;isolation:isolate}
 body#pvRadio .pv-play{z-index:2;flex-basis:64px}
 body#pvRadio .pv-progress{position:absolute;inset:0;z-index:-1;border-radius:32px;background:none;height:64px}
 body#pvRadio .pv-track span{border-radius:0;background:#ffffff30}
 body#pvRadio .pv-times{padding:0 24px 0 88px;font:400 12px/1.1 'National Park',sans-serif;opacity:.5;font-variant-numeric:tabular-nums}
 body#pvRadio .pv-controls{position:absolute;left:0;right:0;top:291.36px;padding:30.64px 0 0;margin:0;border-top:1px solid #ffffff1a;border-bottom:0}
 body#pvRadio .pv-utilities{width:min(388px,100%);margin:0 0 0 auto;gap:12px}
 body#pvRadio .pv-next{position:absolute;left:0;right:0;top:396px;margin:0;padding:0;border:0;gap:21px;height:124px;align-items:center}
 body#pvRadio #nextArt{width:124px;height:124px;border-radius:5.961px;box-shadow:0 4px 10px #00000040}
 body#pvRadio .pv-next>div{transform:translateY(2px)}
 body#pvRadio .pv-next span{font:700 11.922px/1.1 'Google Sans Flex',sans-serif;margin:0 0 17px;opacity:.4}
 body#pvRadio .pv-next strong{font-size:26.477px;font-weight:800;line-height:.95;letter-spacing:-1.4562px}
 body#pvRadio .pv-next em{font-size:16px;font-weight:400;line-height:1.15;letter-spacing:-.32px;margin-top:6px}
 body#pvRadio .pv-panel{background:#252525;box-shadow:0 4px 10px #00000040}
 body#pvRadio .pv-panel-head{height:46px;padding:0 12px;gap:12px}
 body#pvRadio .pv-panel-head .pv-back svg{stroke:none}
 body#pvRadio .pv-panel-label{font-size:12px;letter-spacing:1px}
 body#pvRadio .pv-stream-grid{grid-template-columns:repeat(4,minmax(0,157px));gap:48px 30px;padding:23px 31px 28px 12px;align-content:start}
 body#pvRadio .pv-stream-card{font-size:15.201px;line-height:1.2;opacity:.4}
 body#pvRadio .pv-stream-card img{border-radius:11.055px;margin-bottom:3px}
 body#pvRadio .pv-liked-body,body#pvRadio .pv-history-body{height:calc(100% - 46px);padding:23px 31px 0 12px;display:flex;flex-direction:column;min-height:0}
 body#pvRadio .pv-list-section-label{font:700 10px/11px 'Google Sans Flex',sans-serif;margin:0 0 6px;color:#f5f3ee66;flex:none}
 body#pvRadio .pv-liked-now{grid-template-columns:80px minmax(0,1fr) auto;gap:16px;min-height:115px;padding-bottom:35px;flex:none;border-bottom:1px solid #ffffff14}
 body#pvRadio .pv-liked-now>img{width:80px;height:80px;border-radius:7.448px}
 body#pvRadio .pv-liked-now strong{font-size:24px;font-weight:700;line-height:.95;letter-spacing:-1.32px;color:#d7d5d1}
 body#pvRadio .pv-liked-now small{font-size:16px;font-weight:500;line-height:1.2;color:#ffffffb8;opacity:1;margin-top:7px}
 body#pvRadio .pv-row-actions{align-items:center;gap:12px}
 body#pvRadio .pv-row-action,body#pvRadio .pv-history-heart,body#pvRadio .pv-history-dots{width:34.82px;height:34.82px;opacity:1}
 body#pvRadio .pv-row-action svg,body#pvRadio .pv-history-heart svg,body#pvRadio .pv-history-dots svg{width:34.82px;height:34.82px}
 body#pvRadio .pv-row-action .pv-design-heart,body#pvRadio .pv-history-heart .pv-design-heart{width:34.82px;height:33.825px}
 body#pvRadio .pv-liked-heading,body#pvRadio .pv-history-heading{font:700 10px/11px 'Google Sans Flex',sans-serif;margin:9px 0 6px;opacity:.4;letter-spacing:0;flex:none}
 body#pvRadio .pv-liked-list,body#pvRadio .pv-history-list{flex:1;min-height:0;height:auto;width:calc(100% + 18px);padding-right:12px;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#f5f3ee66 transparent}
 body#pvRadio .pv-liked-row{grid-template-columns:44.915px minmax(0,1fr) 34.82px 34.82px;gap:16px;min-height:69px}
 body#pvRadio .pv-liked-row img{width:44.915px;height:44.432px;border-radius:5.586px}
 body#pvRadio .pv-liked-row strong,body#pvRadio .pv-history-copy strong{font-size:20px;line-height:1.43;font-weight:600;letter-spacing:-1.1px}
 body#pvRadio .pv-liked-row small,body#pvRadio .pv-history-copy small{font-size:12px;font-weight:400;line-height:1.12;letter-spacing:-.24px;color:#f5f3ee9e;opacity:1}
 body#pvRadio .pv-history-row{grid-template-columns:44.915px minmax(0,1fr) auto 34.82px 34.82px;gap:16px;min-height:69px;padding-bottom:0;width:100%;border-bottom:1px solid #ffffff14}
 body#pvRadio .pv-history-row:after{display:none}
 body#pvRadio .pv-history-art{width:44.915px;height:44.432px;border-radius:5.586px}
 body#pvRadio .pv-history-time,body#pvRadio .pv-history-now-time{position:static;inset:auto;display:flex;align-items:center;gap:8px;font:300 16.479px/1.3 'National Park',sans-serif;color:#8e8e8e;white-space:nowrap}
 body#pvRadio .pv-history-now-time:empty{display:none}
 body#pvRadio .pv-history-time svg,body#pvRadio .pv-history-now-time svg{width:14px;height:14px;flex:none}
 body#pvRadio .pv-panel[data-kind=share] .pv-mobile-share{height:calc(100% - 46px);padding:0 24px 32px;gap:12px;overflow-y:auto}
 body#pvRadio .pv-panel[data-kind=share] .pv-mobile-preview{height:299.703px;min-height:0;max-height:calc(100% - 142px);margin:0;flex:none}
 body#pvRadio .pv-panel[data-kind=share] .pv-mobile-preview img{height:100%;max-width:100%;width:auto}
 body#pvRadio .pv-share-backgrounds{gap:16px}
 body#pvRadio .pv-share-backgrounds button{width:22px;height:22px}
 body#pvRadio .pv-mobile-share-actions{width:246.316px;max-width:100%;padding-top:25px;margin-top:4px;gap:23px}
 body#pvRadio .pv-mobile-share-actions button{font-size:7.99px;font-weight:600;gap:5.326px}
 body#pvRadio .pv-mobile-share-actions button[data-image-share]{display:none}
 body#pvRadio .pv-action-circle{width:39.949px;height:39.949px}
 body#pvRadio .pv-mobile-share-actions .pv-action-circle .pv-design-icon{width:16.865px;height:16.865px}
 body#pvRadio .pv-sleep-popover{border:1px solid #ffffff1a;padding:20px;box-shadow:0 12px 28px #00000059}
 body#pvRadio .pv-sleep-options{justify-content:space-between;gap:12px}
 body#pvRadio #popover{padding:20px;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 12px 28px #00000059}
 body#pvRadio #popover .pv-option{font-size:17.953px;font-weight:400;gap:16px;padding:22px 0}
 body#pvRadio #popover .pv-option .pv-action-circle{width:23px;height:23px;background:none}
}
@media (min-width:761px) and (max-width:1100px){
 body#pvRadio .pv-shell{padding:0 28px}
 body#pvRadio .pv-topbar,body#pvRadio .pv-footer{left:28px;right:28px}
 body#pvRadio .pv-player{gap:32px;grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
 body#pvRadio .pv-content h1{font-size:36px;letter-spacing:-1.98px}
 body#pvRadio .pv-stream-grid{gap:30px 16px;padding-right:18px}
 body#pvRadio .pv-liked-body,body#pvRadio .pv-history-body{padding-right:18px}
 body#pvRadio .pv-liked-now{grid-template-columns:60px minmax(0,1fr) auto;gap:12px;min-height:95px;padding-bottom:35px}
 body#pvRadio .pv-liked-now>img{width:60px;height:60px}
 body#pvRadio .pv-liked-now strong{font-size:18px}
 body#pvRadio .pv-liked-now small{font-size:12px}
 body#pvRadio .pv-liked-row,body#pvRadio .pv-history-row{gap:8px}
 body#pvRadio .pv-liked-row strong,body#pvRadio .pv-history-copy strong{font-size:16px}
 body#pvRadio .pv-history-time,body#pvRadio .pv-history-now-time{font-size:12px;gap:4px}
}

/* 0.4.4 ~ desktop polish approved after sandbox review. */
@media (min-width:761px){
 body#pvRadio .pv-brand img{filter:none}
 body#pvRadio .pv-brand small{color:#f5f3ee;opacity:.5;font-weight:500}
 /* Figma: 32px heart, 8px gap, 40px More trigger. */
 body#pvRadio .pv-inline-actions{gap:8px}
 body#pvRadio .pv-favorite.is-favorite{color:#f5f3ee;opacity:1}
 body#pvRadio .pv-tool,body#pvRadio .pv-tool:hover{color:#f5f3ee;opacity:.5}
 body#pvRadio .pv-tool.is-active{color:#785ce0;opacity:1}
 body#pvRadio #sleepUtility.is-active{color:#785ce0;opacity:1}
 body#pvRadio #sleepUtility:hover{color:#f5f3ee}
 body#pvRadio #sleepUtility.is-active:hover{color:#785ce0}
 body#pvRadio #popover .pv-options-heading{color:#f5f3ee;opacity:1}
 body#pvRadio #popover .pv-option{opacity:.5;transition:opacity .16s ease,transform .16s ease}
}
@media (min-width:761px) and (hover:hover) and (pointer:fine){
 body#pvRadio .pv-tool:not(:disabled):hover{opacity:1}
 body#pvRadio #popover .pv-option:not(:disabled):hover{opacity:1;transform:translateY(-2px)}
}
@media (min-width:761px){
 body#pvRadio #popover .pv-option:focus-visible,body#pvRadio .pv-tool:focus-visible{opacity:1}
}
@media (prefers-reduced-motion:reduce){body#pvRadio #popover .pv-option{transition:none!important;transform:none!important}}

/* Shared desktop geometry and room for full glyph outlines. */
@media(min-width:761px){
 body#pvRadio .pv-art-wrap{height:520px;aspect-ratio:auto}
 body#pvRadio .pv-art{height:100%}
 body#pvRadio .pv-marquee{padding-block:8px;margin-block:-8px}
 body#pvRadio .pv-next strong{line-height:1.2}
}

/* Roundies icons only. */

@media(min-width:761px){
 body#pvRadio .pv-tool .pv-design-icon{width:32px;height:32px;transform:none}
 body#pvRadio .pv-mobile-share-actions .pv-action-circle .pv-design-icon{width:20px;height:20px}
}