.home-listen-trigger{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:12px 20px;border:0;border-radius:24px;background:#235b46;color:#fff;font-weight:600;cursor:pointer}
.home-listen [hidden]{display:none!important}
.home-listen dialog{width:min(436px,calc(100% - 12px));max-width:calc(100% - 12px);max-height:calc(100dvh - 12px);overflow:auto;margin:auto;padding:6px;border:0;border-radius:30px;background:#eef5f7;color:#102441;box-shadow:0 24px 80px #0003}
.home-listen dialog::backdrop{background:#19333e88;backdrop-filter:blur(5px)}
.home-listen .ap-player{width:100%;margin:0}
.home-listen-trigger:focus-visible{outline:3px solid #007c70;outline-offset:3px}
html:has(#home-listen-dialog[open]){overflow:hidden}
@media(max-width:767px){
    .home-listen dialog{position:fixed;inset:0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border-radius:0;overscroll-behavior:contain}
    .home-listen [data-react-listener]{min-height:100%}
    .home-listen .ap-player{min-height:100vh;min-height:100dvh;border:0;border-radius:0;box-shadow:none;padding-top:max(12px,env(safe-area-inset-top));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left))}
    .home-listen .ap-top .ap-icon-button{position:static;margin-right:0}
    .home-listen .ap-top{height:auto;min-height:44px;padding-right:0}
}