.ipod-heading{display:none}

.ipod-content{display:contents}

@media(max-width:650px){

  :root{--mobile-top:calc(48px + env(safe-area-inset-top));--mobile-bottom:calc(24px + env(safe-area-inset-bottom));font-family:Arial,Helvetica,sans-serif}

  body{height:100dvh;overflow:hidden;background:white;color:#111}

  .ipod-heading{display:grid;grid-template-columns:80px minmax(0,1fr) 80px;align-items:center;position:fixed;inset:0 0 auto;height:var(--mobile-top);padding:env(safe-area-inset-top) 8px 0;background:linear-gradient(#eff2f6,#c5cdd8);border-bottom:1px solid #8795a6;z-index:20}

  #ipod-page{grid-column:2;text-align:center;font-size:19px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px #fff}

  #ipod-menu{min-height:44px;padding:0 8px;border:0;box-shadow:none;background:none;color:#245488;font-size:15px;text-shadow:0 1px #fff}

  .app-chrome,.transport-bar{display:contents}

  #global-search{position:fixed;top:calc(var(--mobile-top) + 6px);left:10px;right:10px;width:calc(100% - 20px);height:34px;padding:6px 10px;font-size:16px;border-radius:7px;z-index:15;background:#f6f7f9}

  .ipod-content{display:flex;flex-direction:column;position:fixed;inset:calc(var(--mobile-top) + 46px) 0 var(--mobile-bottom);overflow:auto;overscroll-behavior:contain;background:white;scrollbar-width:thin}

  main#main{position:static;inset:auto;margin:0;padding:0;min-height:0;overflow:visible;background:white;flex-shrink:0;width:100%}

  .player-open .ipod-content{bottom:calc(var(--mobile-bottom) + 108px)}.player-open main#main{padding-bottom:0}

  .transport-controls,.player-info,.volume-control{display:none}

  .player-open .player-info{display:block;position:fixed;bottom:calc(var(--mobile-bottom) + 48px);left:0;right:0;height:60px;width:100%;max-width:none;padding:5px 12px;border:0;border-top:1px solid #a8b3c0;border-radius:0;box-shadow:none;background:linear-gradient(#f3f5f8,#e3e8ee);z-index:20}

  #player-title{font-size:13px;line-height:17px;min-height:17px;color:#182f49}.player-caption{font-size:11px;line-height:14px;min-height:14px}.playback-progress{height:19px;font-size:10px}.playback-progress input{height:6px}input[type=range]::-webkit-slider-thumb{width:18px;height:18px}

  .player-open .transport-controls{display:flex;position:fixed;left:0;right:0;bottom:var(--mobile-bottom);width:100%;height:48px;justify-content:flex-start;gap:8px;padding:0 10px;background:#e3e8ee;z-index:20}

  .transport-controls button,#player-toggle{width:44px;height:44px;min-height:44px;background:none;border:0;box-shadow:none;color:#314e6c}.transport-controls button svg,#player-toggle svg{width:23px;height:23px}

  .player-open .volume-control{display:flex;position:fixed;bottom:calc(var(--mobile-bottom) + 16px);right:14px;width:110px;margin:0;z-index:21}.volume-control input{width:86px}.volume-control svg{width:16px;height:16px}

  .sidebar{display:none;inset:var(--mobile-top) 0 var(--mobile-bottom);width:auto;z-index:18;background:white;border:0;padding:0;overflow:auto}

  .player-open .sidebar{bottom:calc(var(--mobile-bottom) + 108px)}

  .ipod-menu-open .sidebar{display:flex}.ipod-menu-open .ipod-content,.ipod-menu-open #global-search{visibility:hidden}

  .sidebar-label{display:none}.sidebar nav a,#sidebar-playlists a{height:54px;display:flex;align-items:center;padding:0 16px;font-size:18px;font-weight:bold;color:#111;text-shadow:none;border:0;border-bottom:1px solid #d9dfe6;box-shadow:none}

  .sidebar nav a:after,#sidebar-playlists a:after{content:'›';font-size:26px;color:#8292a4;margin-left:14px}.sidebar nav a span{margin-left:auto;font-size:12px;color:#64748b}.sidebar nav a:not(:has(span)):after,#sidebar-playlists a:after{margin-left:auto}

  .sidebar nav a.active{background:linear-gradient(#65b5f4,#1878cf);color:white}.sidebar nav a.active span,.sidebar nav a.active:after{color:white}.sidebar nav a svg{display:none}.sidebar .discover-nav{margin-top:0}#sidebar-playlists{margin:8px 0}.sidebar-actions{padding:8px 12px}

  .statusbar{position:fixed;left:0;right:0;bottom:0;height:var(--mobile-bottom);padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(#f8f9fb,#e1e6ec);border-top:1px solid #b6c0cc;z-index:20}.statusbar #library-summary{font-size:10px;white-space:nowrap}

  .toolbar{padding:4px 7px}.toolbar select{font-size:13px;height:29px;max-width:100%;width:100%}

  .album-grid{display:block;padding:0}.album-card{display:grid;grid-template-columns:44px minmax(0,1fr) 38px;grid-template-rows:23px 20px;gap:0 9px;padding:6px 8px;border-bottom:1px solid #e2e5e8;min-width:0}

  .album-cover{display:contents}.album-cover>.album-expand{grid-column:1;grid-row:1/3}.album-cover .art{width:43px;height:43px;box-shadow:none}.album-cover>.play-icon{grid-column:3;grid-row:1/3;position:static;opacity:1;transform:none;width:38px;height:43px;background:none;border:0;color:#3c6b9b;box-shadow:none}

  .album-title{grid-column:2;grid-row:1;align-self:center;min-width:0}.album-title h3{font-size:14px;line-height:20px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-card>p{grid-column:2;grid-row:2;font-size:12px;line-height:18px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-card>.meta,.album-card>.card-actions{display:none}

  .track-table,.songs-table,.album-track-table,.artist-table{min-width:0;font-size:13px}.track-table th{font-size:10px}.track-table td{height:42px;padding:3px 6px}.track-table .number{width:25px}.track-table .time-column{width:45px}.song-name .play-icon{width:28px;height:32px;min-height:32px}.song-name .play-icon svg{width:13px;height:13px}.songs-table .artist-column,.songs-table .album-column,.songs-table td:nth-child(4),.songs-table td:nth-child(5){display:none}

  .artist-table th:first-child{width:65%}.artist-table th:nth-child(2),.artist-table td:nth-child(2),.artist-table th:nth-child(5),.artist-table td:nth-child(5){display:none}.artist-table th:nth-child(3),.artist-table th:nth-child(4){width:auto}.artist-table a{padding:8px 0}

  .album-hero{padding:10px;gap:10px}.album-hero>.art{width:85px;flex:none}.album-info h1{font-size:15px}.album-info p{font-size:11px}.album-actions{flex-wrap:wrap}.back{display:block;padding:9px 10px;font-size:13px}

  #player-dock{position:relative;inset:auto;width:100%;min-height:0;padding:8px;display:grid;grid-template-columns:200px minmax(0,1fr);gap:8px;border:0;border-bottom:1px solid #bbb;border-radius:0;order:-1;flex-shrink:0;background:#eef0f2;z-index:auto}

  .video-heading{grid-column:2;grid-row:1;height:28px;justify-content:flex-end;padding:0}#player-external{position:static;grid-column:2;grid-row:1;align-self:end;font-size:10px;max-width:none;padding:4px;margin:0}.player-video{grid-column:1;grid-row:1;width:200px;height:200px}

  .album-card{grid-template-columns:50px minmax(0,1fr) 44px;grid-template-rows:26px 24px;padding:7px 12px}.album-cover .art{width:50px;height:50px}.album-cover>.play-icon{width:44px;height:50px}.album-title h3{font-size:16px}.album-card>p{font-size:13px}

  .track-table td{height:48px;font-size:14px}.song-name .play-icon{width:36px;height:44px;min-height:44px}.track-table tr:active,.album-card:active{background:#dceafb}.artist-table a{padding:12px 0}

  #toast,#queue-progress{left:12px;right:12px;bottom:calc(var(--mobile-bottom) + 116px);max-width:none;transform:none;white-space:normal;z-index:30}dialog{max-height:85dvh;overflow:auto}dialog input,dialog textarea{font-size:16px}

}


#player-collapse,#player-shade{display:none}
@media(max-width:650px){
  #ipod-menu{height:32px;min-height:32px;padding:0 9px 0 16px;color:white;font-size:13px;font-weight:bold;text-shadow:0 -1px #304d73;background:linear-gradient(#8ca5c4 0%,#587da9 48%,#3e6698 49%,#6387b3 100%);clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);border-radius:4px;box-shadow:inset 0 1px #c5d5e7,inset 0 -1px #31537f;filter:drop-shadow(0 1px 1px #51667e)}
  #ipod-menu[aria-expanded=true]{clip-path:none;padding:0 10px}
  #player-title{cursor:pointer;min-height:24px;line-height:24px;padding:0 12px}
  .player-open .player-info{height:68px}.player-open .ipod-content,.player-open .sidebar{bottom:calc(var(--mobile-bottom) + 116px)}
  #player-dock{position:fixed;inset:auto 0 0;width:100%;max-height:85dvh;overflow:auto;padding:8px 12px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;border:0;border-top:1px solid #8293a8;border-radius:14px 14px 0 0;background:linear-gradient(#ecf0f5,#ced7e2);box-shadow:0 -5px 24px #0004;z-index:51;transform:translateY(105%);visibility:hidden;transition:transform .24s ease,visibility .24s}
  .player-open.video-sheet-open #player-dock{transform:translateY(0);visibility:visible}
  #player-dock .video-heading{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;width:100%;height:40px;flex:none;order:0}
  #player-collapse{display:inline-flex;min-height:36px;padding:0 14px;color:#214d7c;font-size:14px}#player-close{width:36px;height:36px;min-height:36px;font-size:24px}
  #player-dock .player-video{width:100%;height:auto;aspect-ratio:4/3;min-height:200px;order:1;flex:none}
  #player-dock #player-external{align-self:center;order:2;font-size:12px;min-height:32px;display:flex;align-items:center}
  #player-shade:not([hidden]){display:block;position:fixed;inset:0;z-index:50;width:100%;height:100%;border:0;border-radius:0;background:#15253c66;box-shadow:none;padding:0}
  @media(prefers-reduced-motion:reduce){#player-dock{transition:none}}
}