.home-mail-modal-open{overflow:hidden!important}
.home-mail-dialog{position:fixed;box-sizing:border-box;width:calc(100% - 32px);max-width:612px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:8px;background:#fffdf8;color:#173f73;overflow:hidden;box-shadow:0 24px 90px #11273845;letter-spacing:0}.home-mail-dialog[open]{display:flex;flex-direction:column}.home-mail-dialog::backdrop{background:rgba(22,37,52,.48);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.home-mail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px 6px 24px;flex-shrink:0}.home-mail-heading h2{margin:0;font:25px/1.35 GreetingsHand,'PingFang SC',sans-serif;color:#173f73;letter-spacing:0}.home-mail-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:none;color:#173f73;font:30px/1 sans-serif;cursor:pointer}
.home-mail-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:12px 24px 14px;flex:1 1 auto}.home-mail-card .greeting-card{box-shadow:3px 4px 0 #173f731a}.home-mail-footer{flex-shrink:0;border-top:1px solid #173f731c;padding:12px 24px 16px;background:#fffdf8}.home-mail-controls{display:flex;align-items:center;gap:10px}.home-mail-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:44px;border:1px solid #173f7345;border-radius:6px;color:#173f73;background:white;cursor:pointer;font:22px/1 sans-serif}.home-mail-position{font:12px/1.3 system-ui;white-space:nowrap;color:#5d7486}.home-mail-ack{margin-left:auto;min-height:44px;padding:9px 14px;border:1.5px solid #173f73;border-radius:5px;color:#173f73;background:#fae694;font:20px/1.4 GreetingsHand,'PingFang SC',sans-serif;cursor:pointer;overflow-wrap:anywhere}.home-mail-controls button:disabled{opacity:.45;cursor:default}.home-mail-status{font:13px/1.6 'PingFang SC',sans-serif;color:#a23852;margin:8px 0 0;overflow-wrap:anywhere}.home-mail-status:empty{display:none}.home-mail-dialog button:focus-visible,.home-mail-launch:focus-visible{outline:3px solid #e67ea1;outline-offset:2px}
@media(max-width:420px){.home-mail-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.home-mail-heading{padding:7px 8px 3px 16px}.home-mail-heading h2{font-size:22px}.home-mail-scroll{padding:10px 12px 12px}.home-mail-footer{padding:10px 12px 12px}.home-mail-controls{gap:6px}.home-mail-arrow{width:36px}.home-mail-ack{font-size:17px;padding:8px 9px}.home-mail-dialog .greeting-card{padding:18px}.home-mail-dialog .gc-update .gc-top{margin:-18px -18px 0}.home-mail-dialog .gc-art{width:130px;height:130px}.home-mail-dialog .gc-notice .gc-art{width:90px;height:90px}.home-mail-dialog .gc-update .gc-art{width:80px;height:100px}}
@media(max-height:500px){.home-mail-dialog{max-height:calc(100dvh - 16px)}.home-mail-heading{padding-block:2px}.home-mail-footer{padding-block:8px}}
@media(prefers-reduced-motion:no-preference){.home-mail-dialog[open]{animation:home-mail-arrive .22s ease-out}@keyframes home-mail-arrive{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}}
