/* Larger type and touch targets without shrinking the layout viewport. */
:root{--player-height:140px;--browser-color:#111015}
html,body{background-color:var(--browser-color)}body{padding-top:env(safe-area-inset-top,0px)}
.nav-item{font-size:16px;white-space:normal;line-height:1.3}.nav-label{font-size:11px}.connection-note strong{font-size:14px}.connection-note small{font-size:12px}.breadcrumb{font-size:14px}.search-box input{font-size:16px}.search-box{padding:13px 15px}.avatar,.palette-trigger{width:40px;height:40px}.greeting h1{font-size:clamp(36px,3.5vw,48px)}.greeting p{font-size:16px;line-height:1.6}.greeting .eyebrow,.eyebrow{font-size:11px}.hero h2{font-size:62px}.hero p{font-size:16px;line-height:1.8}.hero .eyebrow{font-size:11px;letter-spacing:1.6px}.hero-bottom small{font-size:12px}.primary-button,.secondary-button{font-size:16px;min-height:48px;padding:14px 24px}.text-button{font-size:14px}.section-heading h2{font-size:25px}.section-heading p{font-size:14px;line-height:1.5}.mode-card{min-height:150px;padding:22px 18px}.mode-card strong{font-size:16px}.mode-card small{font-size:12px;line-height:1.5}.mode-card .mode-icon{width:42px;height:42px}.mode-icon svg{width:24px;height:24px}.album-card h3{font-size:16px}.album-card p{font-size:13px}.genre-card h3{font-size:18px}.bottom-note strong{font-size:14px}.bottom-note small{font-size:12px;line-height:1.5}.track-name strong{font-size:16px}.track-name small{font-size:13px}.track-table td{padding-top:13px;padding-bottom:13px}.track-table th{font-size:11px}.track-table .duration-col{font-size:12px!important}.toolbar,.pagination{font-size:14px}.wave-heading h1{font-size:38px}.wave-heading p,.wave-explanation{font-size:14px;line-height:1.6}
.player .now-art{width:64px;height:64px}.player .now-meta{margin-left:78px}.player .now-meta button{font-size:16px}.player .now-meta>span{font-size:13px}.player .transport-buttons .play-button{width:52px;height:52px}.player .transport-buttons .icon-button{width:40px;height:40px}.player .transport-buttons svg{width:24px;height:24px}.player .seek-row span{font-size:12px;flex-basis:38px}.player .player-tools .icon-button{width:38px;height:38px}.player .player-tools svg{width:23px;height:23px}.player .iem-rating svg{width:25px;height:25px}.player .iem-rating button{min-width:28px;min-height:36px}.player .player-rating-label{font-size:10px}.player .player-rating{gap:8px}.player .iem-rating{gap:4px}.player .reset-rating{font-size:12px!important}.full-info h1{font-size:clamp(34px,4.5vw,68px)}.full-info p{font-size:22px}.full-info .full-album{font-size:16px}.lyrics-caption{font-size:12px}.lyrics-follow{font-size:12px;min-height:36px}.lyric-line{font-size:clamp(25px,2.7vw,40px)}.lyrics-empty{font-size:17px}.waveform-caption{font-size:10px!important;letter-spacing:.7px!important;gap:12px}.waveform-caption span:last-child{max-width:60%;text-align:right;line-height:1.4}.full-times{font-size:12px!important}.modal h2{font-size:28px}.modal p,.modal label{font-size:16px;line-height:1.5}.modal small{font-size:12px;line-height:1.5}.modal .icon-button{min-width:44px;min-height:44px}
@media(min-width:901px){.sidebar{width:260px}main{margin-left:286px;width:calc(100% - 286px)}}
@media(min-width:601px) and (max-width:900px){.sidebar .nav-item{font-size:0}.player .player-rating{gap:0}}
@media(max-width:600px){:root{--player-height:174px}.sidebar{height:70px;margin-top:10px}.sidebar nav .nav-item{font-size:13px;gap:6px;padding:8px 5px;line-height:1.25}.sidebar nav .nav-item svg{width:22px;height:22px}.topbar{height:80px}.search-box{min-height:48px}.avatar,.palette-trigger{width:38px;height:38px}.greeting h1{font-size:36px;letter-spacing:-1.3px}.greeting p{font-size:14px}.greeting .eyebrow{font-size:10px}.hero{min-height:350px}.hero-copy{padding:30px 26px}.hero h2{font-size:51px}.hero p{font-size:15px;max-width:230px}.hero .eyebrow{font-size:10px;line-height:1.6;letter-spacing:1.3px}.hero .primary-button{font-size:15px}.section-heading h2{font-size:23px}.section-heading .text-button{font-size:12px}.mode-card{min-height:145px;padding:20px 16px}.mode-card strong{font-size:15px}.mode-card small{font-size:12px}.album-card h3{font-size:15px}.album-card p{font-size:13px}.bottom-note strong{font-size:13px}.bottom-note small{font-size:11px}.track-name strong{font-size:14px}.track-name small{font-size:12px}.track-name img{width:40px;height:40px}.track-table .duration-col{width:48px}.track-table th{font-size:9px}.player.glass{grid-template-columns:50px minmax(0,1fr) 132px;grid-template-rows:54px 28px 40px;padding:14px;row-gap:7px;column-gap:9px}.player .now-art{width:50px;height:50px}.player .now-meta{margin:0}.player .now-meta button{font-size:16px}.player .now-meta>span{font-size:13px}.player .transport-buttons .play-button{width:52px;height:52px}.player .transport-buttons .icon-button{width:40px;height:44px}.player .seek-row span{font-size:12px}.player .player-tools{width:132px}.player .player-tools [data-action=lyrics],.player .player-tools [data-action=cast],.player .player-tools [data-action=queue]{width:42px;height:40px}.player .iem-rating svg{width:25px;height:25px}.player .iem-rating button{min-width:28px;min-height:40px}.player .iem-rating{gap:3px}.player .iem-rating .reset-rating{min-width:12px;width:12px}.player .player-rating{gap:0}.full-info h1{font-size:30px}.full-info p{font-size:18px}.full-info .iem-rating button{min-width:34px;min-height:40px}.full-info .iem-rating svg{width:27px;height:27px}.full-player{--art-size:min(86vw,calc(100dvh - 415px))}.full-top .brand{font-size:24px}.full-tool-actions .icon-button[data-action=lyrics],.full-top .full-tool-actions .icon-button{width:42px;height:42px}.full-tool-actions .icon-button[data-action=lyrics] svg{width:22px;height:22px}.full-top .full-tool-actions{gap:5px}.lyric-line{font-size:31px}.lyrics-unsynced .lyric-line{font-size:25px}.lyrics-caption{font-size:12px}.full-player .full-controls .full-volume input{width:150px}.full-player .full-controls .full-volume svg{width:20px;height:20px}}
@media(max-width:374px){:root{--player-height:218px}.sidebar nav .nav-item{font-size:12px;gap:4px}.sidebar nav .nav-item svg{width:19px;height:19px}.greeting h1{font-size:32px}.hero h2{font-size:46px}.player.glass{grid-template-columns:46px minmax(0,1fr) 120px;grid-template-rows:52px 28px 38px 38px;padding:12px}.player .now-art{width:46px;height:46px}.player .now-meta button{font-size:15px}.player .now-meta>span{font-size:12px}.player .transport-buttons .icon-button{width:36px}.player .transport-buttons .play-button{width:48px;height:48px}.player .player-rating{grid-column:1/4;grid-row:3;justify-self:center}.player .player-tools{grid-column:1/4;grid-row:4;justify-self:center;width:152px}.player .iem-rating{gap:6px}.player .iem-rating button{min-width:28px}.player .iem-rating svg{width:25px;height:25px}.full-top .brand{font-size:22px}.full-player{padding-left:16px;padding-right:16px}.full-info h1{font-size:27px}.full-info p{font-size:17px}}