@property --r{syntax: "<length>"; inherits: true; initial-value: 200px;}:root{--cream: #f9f1e4;--ink: #14213a;--muted: #6b6a63;--line: rgba(20, 33, 58, .14);--gold: #c8800a;--font: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}::selection{background:var(--gold);color:var(--cream)}.page{--mx: 76%;--my: 70%;--r: 200px;position:relative;height:100svh;height:100dvh;display:grid;place-items:center;overflow:hidden;touch-action:manipulation;transition:--r .5s cubic-bezier(.22,.8,.3,1);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.page[data-press=on]{--r: 340px}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0}.backdrop__photo{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;transition:opacity .8s ease}.backdrop__photo.is-loaded{opacity:1}.backdrop__frost{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle var(--r) at var(--mx) var(--my),transparent 30%,#000 78%);mask-image:radial-gradient(circle var(--r) at var(--mx) var(--my),transparent 30%,#000 78%)}.backdrop__frost-in{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background-size:cover;background-position:center;filter:blur(18px) saturate(1.3) brightness(1.06)}.backdrop__frost:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f9f1e4cc}.brand{position:absolute;top:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:min(70vw,280px);padding:max(14px,env(safe-area-inset-top,0px)) 16px 8px max(16px,env(safe-area-inset-left,0px))}.logo{margin:0;font-family:var(--font);font-size:clamp(1.25rem,5vw,1.7rem);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--gold)}.tagline{margin:0;font-family:var(--font);font-size:clamp(8px,2.4vw,10px);font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--ink)}.sheet{position:relative;z-index:1;width:min(640px,100%);padding:clamp(72px,12vh,110px) clamp(16px,5vw,40px) clamp(84px,13vh,120px);text-align:center;display:grid;justify-items:center;gap:clamp(10px,2.2vh,14px);animation:rise .7s cubic-bezier(.22,.8,.3,1) both}.sheet:before{content:"";position:absolute;top:-8%;right:-14%;bottom:-8%;left:-14%;z-index:-1;background:radial-gradient(ellipse at center,#f9f1e4f2 42%,#f9f1e400 72%)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.headline{margin:0;max-width:100%;font-family:var(--font);font-size:clamp(1.85rem,11vw,6.2rem);font-weight:700;letter-spacing:-.045em;line-height:1;white-space:nowrap;color:var(--ink)}.blurb{margin:0;max-width:34rem;padding:0 2px;font-size:clamp(.9rem,3.6vw,1.05rem);color:var(--muted)}.blurb__cue{color:var(--gold)}.notify{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:8px;width:100%;max-width:420px;margin-top:6px}.notify__input{flex:1 1 200px;min-width:0;min-height:48px;padding:12px 16px;border:1px solid var(--line);border-radius:999px;background:#ffffffc7;color:var(--ink);font:inherit;font-size:16px;outline:none;transition:border-color .2s ease,background .2s ease}.notify__input::placeholder{color:#6b6a63cc}.notify__input:focus{border-color:var(--gold);background:#fff}.notify__button{min-height:48px;padding:12px 22px;border:none;border-radius:999px;background:var(--ink);color:var(--cream);font:inherit;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s ease}.notify__button:hover:not(:disabled){background:var(--gold)}.notify__button:disabled{opacity:.55;cursor:default}.notify__error{flex:1 0 100%;margin:0;font-size:.85rem;color:#b3401a}.notify--done{margin:6px 0 0;padding:0 8px;color:var(--muted);font-size:clamp(.9rem,3.5vw,1rem);overflow-wrap:anywhere}.notify--done strong{color:var(--ink);font-weight:500}.secret{margin:0;max-width:100%;padding:8px 16px;border:1px dashed var(--line);border-radius:999px;font-size:clamp(.78rem,3.2vw,.85rem);color:var(--muted)}.foot{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:space-between;gap:12px;padding:10px max(16px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));font-size:clamp(8px,2.2vw,10px);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}@media(max-width:640px){.page{--mx: 70%;--my: 62%;--r: 130px}.page[data-press=on]{--r: 220px}.notify{flex-direction:column;align-items:stretch;max-width:100%}.notify__input,.notify__button{flex:none;width:100%}.foot{flex-direction:column;align-items:center;text-align:center;gap:4px;letter-spacing:.14em}.secret{border-radius:16px}}@media(max-width:380px){.tagline{letter-spacing:.14em}.headline{font-size:clamp(1.7rem,12.5vw,2.4rem)}}@media(max-height:620px){.sheet{padding-top:64px;padding-bottom:72px;gap:8px}.headline{font-size:clamp(1.7rem,8vh,3.5rem)}.tagline{display:none}}@media(prefers-reduced-motion:reduce){.sheet{animation:none}.page{transition:none}}