/* Versioned, separate popup stylesheet so older homepage CSS cannot mask this update. */
.hm-page dialog.hm-account-modal{width:min(440px,calc(100% - 24px));max-width:440px;height:auto;max-height:calc(var(--hm-window-height,100dvh) - 32px);padding:0;border:1px solid #dddcca;border-radius:16px;background:#fffdf7;box-shadow:0 24px 80px #183d3b40;overflow:hidden;color:#183d3b}
.hm-page dialog.hm-account-modal[open]{display:flex;flex-direction:column;animation:hm-simple-in .18s ease-out}
.hm-page dialog.hm-account-modal::backdrop{background:#193d416b!important;backdrop-filter:blur(3px)}
.hm-account-modal .hm-modal-head{position:relative;padding:30px 50px 14px 26px;text-align:left;background:none;flex-shrink:0}
.hm-account-modal .hm-modal-head h2{font:500 27px/1.2 Georgia,serif!important;letter-spacing:-.4px;margin:0}
.hm-account-modal .hm-modal-sub{font:13px/1.6 Arial,sans-serif;color:#67776d;margin:9px 0 0}
.hm-account-modal .hm-modal-close{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border:0;border-radius:50%;background:#eef0e7;color:#36584b;font:24px/1 Arial,sans-serif!important}
.hm-account-modal .hm-account-tabs{display:flex;flex-shrink:0;gap:4px;margin:6px 24px 14px;padding:4px;border-radius:9px;background:#edf0e6}
.hm-account-modal .hm-account-tabs button{flex:1;border:0;border-radius:6px;min-height:40px;padding:9px 6px;background:transparent;color:#56695c;font:600 13px/1.4 Arial,sans-serif}
.hm-account-modal .hm-account-tabs button[aria-pressed=true]{background:#fffdf7;color:#205640;box-shadow:0 1px 5px #264c3620}
.hm-account-modal .hm-account-frame{display:block;width:100%;height:300px;min-height:100px;flex:0 1 auto;border:0;background:#fffdf7}
.hm-account-modal .hm-account-frame[hidden]{display:none}
.hm-account-modal .hm-frame-status{margin:0;padding:24px;font:13px/1.6 Arial,sans-serif;text-align:center;color:#5b7062}
.hm-account-modal .hm-modal-foot{flex-shrink:0;margin:0 24px;padding:13px 0 17px;border-top:1px solid #e8e9df;text-align:center}
.hm-account-modal .hm-native-fallback{font:11px/1.5 Arial,sans-serif;color:#61776a!important;text-decoration:none!important}
.hm-account-modal .hm-native-fallback:hover{text-decoration:underline!important}
.hm-account-modal.hm-closing{animation:hm-modal-out .16s ease-in forwards!important}
@keyframes hm-simple-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.hm-page dialog.hm-account-modal{width:calc(100% - 20px);max-width:440px;height:auto;max-height:calc(var(--hm-window-height,100dvh) - 20px)}.hm-account-modal .hm-modal-head{padding:25px 54px 12px 20px}.hm-account-modal .hm-modal-head h2{font-size:25px!important}.hm-account-modal .hm-modal-close{width:44px;height:44px;top:9px;right:9px}.hm-account-modal .hm-account-tabs{margin:6px 16px 10px}.hm-account-modal .hm-account-tabs button{min-height:44px}.hm-account-modal .hm-modal-foot{margin:0 16px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.hm-account-modal .hm-native-fallback{display:inline-block;min-height:32px;padding:6px 0}}
@media(max-height:500px){.hm-account-modal .hm-modal-head{padding:14px 54px 8px 20px}.hm-account-modal .hm-modal-sub{display:none}.hm-account-modal .hm-account-tabs{margin:2px 16px 8px}.hm-account-modal .hm-modal-foot{padding:8px 0}.hm-account-modal .hm-modal-head h2{font-size:23px!important}}
@media(prefers-reduced-motion:reduce){.hm-page dialog.hm-account-modal[open],.hm-account-modal::backdrop,.hm-account-modal.hm-closing{animation:none!important}}
