.email-notice{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--tertiary,#262626);border-radius:16px;background:var(--background,#171717);color:var(--primary,#fafafa);font-family:Geist,sans-serif;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--secondary,#999) transparent;opacity:0;transition:opacity 180ms ease-out}
.email-notice.visible{opacity:1}
.email-notice::backdrop{background:rgb(0 0 0 / 65%);opacity:0;transition:opacity 180ms ease-out}
.email-notice.visible::backdrop{opacity:1}
.email-notice *{box-sizing:border-box}
.email-notice ::selection{background:var(--primary,#fafafa);color:var(--background,#171717)}
.email-notice-visual{padding:56px 18px 0}
.email-alert-photo{margin:0;aspect-ratio:602/450;overflow:hidden;border-radius:12px;background:#071529}
.email-alert-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 80.5%}
.email-notice-copy{padding:28px 32px 0}
.email-notice h2{margin:0 38px 20px 0;font-size:28px;font-weight:700;line-height:1.15;letter-spacing:0}
.email-notice h2:focus{outline:none}
.email-notice p{margin:0;font-size:16px;font-weight:400;line-height:1.6;color:var(--secondary,#999);text-wrap:pretty}
.email-notice .email-notice-app{margin-top:24px;font-size:14px;line-height:1.65}
.email-notice-app[hidden]{display:none}
.email-notice a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--primary,#fafafa);text-decoration:underline;text-decoration-color:var(--secondary,#999);text-underline-offset:4px;text-decoration-thickness:1px;transition:opacity 120ms ease-out}
.email-notice a:hover{opacity:.8}
.email-notice-footer{display:flex;justify-content:flex-end;padding:24px 32px 28px}
.email-notice-done{min-width:112px;min-height:44px;padding:11px 24px;border:0;border-radius:8px;font:600 15px/1.4 Geist,sans-serif;cursor:pointer;color:var(--background,#171717);background:var(--primary,#fafafa);transition:opacity 120ms ease-out}
.email-notice-done:hover{opacity:.87}
.email-notice-done:active{opacity:.75}
.email-notice button:focus-visible,.email-notice a:focus-visible,.email-preview-replay:focus-visible{outline:2px solid var(--primary,#fafafa);outline-offset:3px}
@media(max-width:600px){.email-notice{width:calc(100vw - 32px);border-radius:12px;max-height:calc(100dvh - 32px)}.email-notice-visual{padding:52px 12px 0}.email-notice-copy{padding:24px 24px 0}.email-notice h2{font-size:26px;margin-right:0}.email-notice-footer{padding:24px}.email-notice-done{width:100%}.email-notice-close{right:10px;top:10px}}
@media(prefers-reduced-motion:reduce){.email-notice,.email-notice::backdrop,.email-notice button,.email-notice a{transition:none}}