.date-converter { max-width: 680px; }
#date-result { position: fixed; inset: 0; margin: auto; border: 0; border-radius: 24px; padding: 64px 28px 36px; width: min(440px, calc(100% - 32px)); text-align: center; box-shadow: 0 24px 80px #0003; }
#date-result::backdrop { background: #10182899; }
#close-result { position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: #f1f3f5; font-size: 28px; line-height: 1; cursor: pointer; }
#result-value { font-size: 1.8rem; font-weight: 700; margin: 24px 0 12px; }
body:has(#date-result[open]) { overflow: hidden; }