/* The invitation opens automatically at one absolute time on every screen. */
.reveal-panel[hidden]{display:none}
.reveal-panel{width:min(100%,520px);position:relative;z-index:1;margin:auto 0;color:#efdbcd;flex-shrink:0}
.reveal-panel:focus{outline:none}
.reveal-locked{overflow:hidden}
.reveal-locked header,.reveal-locked main,.reveal-locked footer,.reveal-locked .music-player,.reveal-locked .quote-clouds{visibility:hidden}
.reveal-locked .story-cover{justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;padding:26px max(24px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 37%,#633a3f 0,#35202b 48%,#21141d 100%)}
.reveal-locked .story-cover> :not(.reveal-panel):not(.cover-mark){display:none}
.reveal-locked .story-cover>.reveal-status{display:block}
.reveal-locked .cover-mark{order:-1;flex-shrink:0;margin:0 0 6px;font-size:22px;letter-spacing:4px}
.reveal-locked .cover-mark em{color:#ffc247}
.reveal-language{position:absolute;top:0;right:0;min-height:44px;min-width:44px;color:#e9d4c6;border:1px solid #ffc24740;border-radius:24px;background:#29151e55;font:10px Arial,sans-serif;letter-spacing:1px;cursor:pointer}
.reveal-language:focus-visible{outline:2px solid #ffc247;outline-offset:4px}
.reveal-flower{height:132px;width:130px;margin:0 auto 6px;position:relative;filter:drop-shadow(0 0 26px #ffc2471c)}
.reveal-flower svg{width:100%;height:100%;overflow:visible;display:block}
.reveal-flower svg g,.reveal-flower svg ellipse{animation:none!important}
.reveal-eyebrow{color:#ffc247;letter-spacing:3px;font:9px/1.7 Arial,sans-serif;margin:0 0 19px}
.story-cover .reveal-panel h2{font:400 clamp(40px,5vw,61px)/1.08 Georgia,serif;letter-spacing:-1.8px;margin:0 0 18px;white-space:normal}
.reveal-panel h2 em{color:#e3b5b6;font-weight:400}
.reveal-note{color:#d7bcbf;font:italic 16px/1.6 Georgia,serif;margin:0 auto 27px;max-width:330px}
.reveal-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:400px;margin:0 auto 23px}
.reveal-countdown>div{border:1px solid #ffc24755;border-radius:12px;padding:15px 4px 12px;background:linear-gradient(145deg,#79514f40,#29151e55);box-shadow:inset 0 1px 0 #fff1ca0c}
.reveal-countdown strong{display:block;color:#ffc247;font:400 39px/1.1 Georgia,serif;font-variant-numeric:tabular-nums;letter-spacing:-1px}
.reveal-countdown span{display:block;margin-top:8px;color:#d4b9b7;font:7px/1.4 Arial,sans-serif;letter-spacing:1.5px}
.reveal-wait{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:280px;min-height:48px;margin:0 auto 22px;border:1px solid #ffc24773;border-radius:32px;background:#ffc24712;color:#e3c091;cursor:not-allowed;font:11px Arial,sans-serif;letter-spacing:.5px;opacity:1}
.reveal-opening{font:8px/1.7 Arial,sans-serif;color:#ffc247;letter-spacing:2px;margin:0 0 8px}
.reveal-time{white-space:pre-line;font:11px/1.8 Arial,sans-serif;color:#cbb1b7;margin:0}
.reveal-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){
 .reveal-locked .story-cover{padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}
 .reveal-locked .cover-mark{font-size:19px;margin-bottom:14px}
 .reveal-flower{height:114px;width:110px;margin-bottom:8px}
 .reveal-eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:16px}
 .story-cover .reveal-panel h2{font-size:44px;letter-spacing:-1.4px}
 .reveal-note{font-size:15px;margin-bottom:24px;max-width:270px}
 .reveal-countdown{gap:8px;margin-bottom:22px}
 .reveal-countdown>div{padding:13px 2px 11px;border-radius:10px}
 .reveal-countdown strong{font-size:33px}
 .reveal-countdown span{font-size:6.5px;letter-spacing:1px}
 .reveal-opening{letter-spacing:1.3px}
}
@media(max-width:360px){.story-cover .reveal-panel h2{font-size:38px}.reveal-countdown strong{font-size:29px}.reveal-countdown{gap:6px}.reveal-countdown span{letter-spacing:.6px}.reveal-flower{height:100px;width:96px}}
@media(max-height:690px){.reveal-flower{height:92px;width:90px}.reveal-locked .cover-mark{margin-bottom:5px}.reveal-note{margin-bottom:18px}.reveal-countdown{margin-bottom:18px}.reveal-wait{margin-bottom:16px}}