/* Phone shell follows the native white canvas, grouped surfaces and bottom tabs. */
.tab-icon{display:none}
.library-segments{display:flex;gap:4px;padding:4px;background:#edebe6;border-radius:9px;max-width:380px;width:100%}
.library-segments button{flex:1;border:0;border-radius:6px;padding:11px 16px;min-height:44px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.3;color:#5a554c;background:transparent}
.library-segments button[aria-pressed=true]{background:#fff;color:#1c1a16;box-shadow:0 1px 4px #1c1a1618}
.library-shows-empty{text-align:center;padding:50px 20px;background:#f6f5f3;border-radius:12px}
.library-shows-empty h2{font-size:24px;letter-spacing:-.025em;margin:0 0 12px}
.library-shows-empty p{color:#5a554c;line-height:1.6;margin:0 0 24px}
#view-library[data-section=shows] #ready-section,#view-library[data-section=shows] #empty{display:none!important}
#view-library[data-section=episodes] #library-explore,#view-library[data-section=episodes] #library-shows-empty{display:none!important}
.settings-card a.setting-line:hover{background:#edebe6}
.settings-card a.setting-line strong{font-weight:600}
.settings-home-screen .setting-line{flex-wrap:wrap}
#install-app{min-height:44px}
@media(max-width:760px){
  html:has(.listening-page){scroll-padding-top:24px;scroll-padding-bottom:170px}
  .listening-page{--phone-tabs:calc(64px + env(safe-area-inset-bottom,0px));background:#fff;overflow-x:clip;font-family:-apple-system,BlinkMacSystemFont,'Public Sans',sans-serif}
  .listening-page .page{min-height:100dvh;background:#fff}
  .listening-page .appbar{position:relative;top:auto;background:#fff;border:0;backdrop-filter:none;padding-top:env(safe-area-inset-top,0px)}
  .listening-page .appbar-inner{height:48px;padding:0 max(20px,env(safe-area-inset-left)) 0 max(20px,env(safe-area-inset-right));flex-wrap:nowrap;gap:8px}
  .listening-page .appbar-brand{gap:7px}
  .listening-page .appbar-brand span{font-size:15px}
  .listening-page .appbar-brand img{width:22px;height:22px}
  .listening-page .appbar-right{margin-left:auto}
  .listening-page .apptabs{position:fixed;inset:auto 0 0;z-index:60;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;order:0;flex:none;padding:0 max(8px,env(safe-area-inset-right)) env(safe-area-inset-bottom,0px) max(8px,env(safe-area-inset-left));height:var(--phone-tabs);background:#fffffffa;border-top:1px solid #dcd8d1;box-shadow:0 -4px 18px #1c1a1605}
  .listening-page .apptab{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:64px;padding:8px 4px;border:0;border-radius:0;font-size:11px;line-height:1.2;color:#5a554c;background:transparent}
  .listening-page .apptab[aria-current=page]{color:#1f6b5d;background:#edf5d966}
  .listening-page .apptab .tab-icon{display:block;width:24px;height:24px}
  .listening-page .apptab:active{background:#edebe6}
  .listening-page .listening-main{padding:8px max(20px,env(safe-area-inset-right)) calc(var(--phone-tabs) + 32px) max(20px,env(safe-area-inset-left));gap:20px;min-width:0}
  .listening-page.has-audio .listening-main{padding-bottom:calc(var(--phone-tabs) + 112px)}
  .listening-page .listening-view{gap:24px;min-width:0}
  .listening-page .page-head{margin:0;gap:12px}
  .listening-page .page-h1{font-family:inherit;font-size:34px;line-height:1.18;letter-spacing:-.035em;color:#1c1a16}
  .listening-page .sec-h{font-family:inherit;font-size:20px;color:#1c1a16;letter-spacing:-.02em}
  .listening-page .page-head>.text-link{display:none}
  .library-segments{max-width:none;margin-top:0}
  .listening-page .sec{gap:14px;min-width:0}
  .listening-page .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
  .listening-page .tile-art{border-radius:8px}
  .listening-page .tile-title{font-family:inherit;font-size:15px;color:#1c1a16;overflow-wrap:anywhere}
  .listening-page .tile-pub{font-family:inherit;font-size:12px;color:#75706a}
  .listening-page .listening-list{border:0;border-radius:0}
  .listening-page .listening-list .row{padding:16px 0;gap:12px;background:transparent}
  .listening-page .listening-list .row-title{font-family:inherit;font-size:15px;color:#1c1a16;overflow-wrap:anywhere}
  .listening-page .listening-list .row-meta{font-family:inherit;font-size:12px;line-height:1.5}
  .listening-page .listening-list .row-art{width:52px;height:52px;border-radius:6px}
  .listening-page #library .row{display:grid;grid-template-columns:52px minmax(0,1fr) 44px;align-items:start}
  .listening-page #library .row-body{min-width:0;grid-column:2;grid-row:1}
  .listening-page #library .btn-row{grid-column:3;grid-row:1}
  .listening-page #library .episode-queue{grid-column:2/-1;justify-self:start}
  .listening-page .resume{border-radius:10px;padding:16px;gap:12px}
  .listening-page .resume-title{font-family:inherit;font-size:16px}
  .listening-page .resume-art{width:52px;height:52px}
  .listening-page .resume .btn-play{flex-shrink:0}
  .listening-page .foot{display:none}
  .listening-page .account-menu{top:46px;right:20px}
  .listening-page .listening-mini{bottom:var(--phone-tabs);border-radius:12px 12px 0 0;z-index:55}
  .listening-page .listening-mini .mini-inner{padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));gap:12px;min-height:72px}
  .listening-page .listening-mini .mini-body{min-width:0}
  .listening-page .listening-mini .mini-title{font-size:14px}
  .listening-page .listening-mini .mini-clock,.listening-page .listening-mini .mini-skip{display:none}
  .listening-page #directory-search{gap:8px}
  .listening-page .catalog-search{min-height:48px;padding:0 12px;gap:10px;background:#f6f5f3;color:#75706a;border:0;border-radius:10px}
  .listening-page .catalog-search input{font-size:16px;padding:13px 0;color:#1c1a16}
  .listening-page .catalog-search input::placeholder{color:#75706a}
  .listening-page #directory-search>.btn-soft{min-height:48px;padding:10px 12px;box-shadow:none;border-radius:8px}
  .listening-page .discover-rail{grid-auto-columns:144px;gap:14px;padding-bottom:12px;scroll-snap-type:x proximity}
  .listening-page .discover-card{scroll-snap-align:start}
  .listening-page #discover-shelves{display:grid;gap:30px;min-width:0}
  .listening-page .settings-card{background:#f6f5f3;border:0;border-radius:12px}
  .listening-page .setting-line{padding:18px;gap:14px;min-height:58px}
  .listening-page .setting-line strong{color:#1c1a16;font-size:16px}
  .listening-page .setting-line small{font-size:13px;color:#5a554c}
  .listening-page .setting-line select{font-size:16px}
  .listening-page .filter-group{padding:18px}
  .listening-page .filter-group h3{color:#1c1a16}
  .listening-page .filter-mode{padding:12px;min-height:70px;border:1px solid transparent;border-radius:8px;margin:4px 0}
  .listening-page .filter-mode:has(input:checked){background:#e4ecd5;border-color:#94ab74}
  .listening-page .filter-toggle{padding:18px}
  .listening-page .show-header{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px}
  .listening-page .show-header>.show-art{width:96px;height:96px;border-radius:10px;grid-row:1/span 2}
  .listening-page .show-header>.show-info{grid-column:2;grid-row:1}
  .listening-page .show-header>#follow{grid-column:2;grid-row:2;justify-self:start;margin:0;white-space:normal}
  .listening-page .show-info h1{font-size:24px;color:#1c1a16;overflow-wrap:anywhere}
  .listening-page #show-episodes .row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:start}
  .listening-page #show-episodes .row-body{min-width:0;grid-column:1/-1}
  .listening-page #show-episodes .row:has(.row-art) .row-body{grid-column:2/-1}
  .listening-page #show-episodes .row>button:not(.row-body){grid-column:3;min-height:44px}
  .listening-page #show-episodes .row>.episode-queue{grid-column:3}
  .listening-page .secondary-controls{flex-wrap:wrap;gap:12px}
  .listening-page .secondary-control{min-height:44px}
  .listening-page .secondary-control select{font-size:16px}
  .listening-page .player-cover{width:min(64vw,280px)}
  .listening-page .queue-remove,.listening-page .queue-handle{min-width:44px;min-height:44px}
  .listening-page .queue-row{grid-template-columns:42px minmax(0,1fr) auto 44px;gap:6px}
  .listening-page .queue-row img{width:42px;height:42px}
  .listening-page #show-about-toggle{min-height:44px}
  .listening-page .listening-notice{overflow-wrap:anywhere}
  .listening-page .listening-notice button{white-space:normal}
}
@media(max-width:360px){
  .listening-page .listening-main{padding-left:16px;padding-right:16px}
  .listening-page .discover-rail{grid-auto-columns:132px}
  .listening-page .resume-art{display:none}
}
@media(prefers-reduced-motion:reduce){.listening-page .discover-rail{scroll-behavior:auto;scroll-snap-type:none}}