html,body{min-height:100%;max-width:100%;overscroll-behavior-y:none}.brand-mark img{width:25px;height:25px;display:block}.login-logo img{width:38px;height:38px;display:block}.login-body{min-height:var(--visual-height,100dvh)!important;transition:min-height .2s}.searchbox{scroll-margin-block:18vh}.login-form input,.searchbox input{font-size:16px!important}@supports(height:100dvh){body{min-height:100dvh}}@media(max-width:700px){.topbar{height:calc(58px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}main{width:calc(100% - 16px)}.hero{padding-left:2px;padding-right:2px}.searchbox{width:100%;max-width:100%;transform:none!important}.searchbox:focus-within{transform:none!important}.panel{max-width:100%;overflow-x:hidden}.section-head{gap:9px}.section-head h2{font-size:19px}.result,.queue-item{max-width:100%}.stats{gap:7px}.stats article{min-width:0}.album-card{max-width:100%}.artist-hero,.album-hero{max-width:100%;overflow:hidden}.artist-copy,.album-detail-copy{min-width:0}.artist-copy h2,.album-detail-copy h2{overflow-wrap:anywhere}.account-pill{max-width:58px;justify-content:center}.keyboard-open .topbar{position:relative}.keyboard-open .hero{padding-top:18px}.keyboard-open .stats,.keyboard-open .queue-panel,.keyboard-open footer{display:none}.keyboard-open .searchbox{scroll-margin-top:8px}.login-body:has(input:focus){place-items:start center;padding-top:max(18px,env(safe-area-inset-top))}.login-body:has(input:focus) .login-card{margin-top:0}.login-card{max-height:calc(var(--visual-height,100dvh) - 32px);overflow-y:auto}}@media(max-width:370px){.brand span:last-child{font-size:14px}.searchbox button{padding:0 11px}.stats article{padding:13px 8px}.stats strong{font-size:18px}.album-grid{gap:13px 8px}}