.inapp{background:color-mix(in srgb, var(--surface) 88%, transparent);width:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 18%, transparent);text-align:left;color:var(--text);border-radius:14px;align-items:center;gap:8px;margin:0 0 18px;padding:8px 8px 8px 14px;font-size:.85rem;animation:.6s cubic-bezier(.2,.8,.2,1) both rise;display:flex}.inapp-text{flex:1;line-height:1.35}.inapp-copy,.inapp-close{border:0;border-radius:10px;flex:none;min-height:44px;font-size:.8rem;font-weight:700}.inapp-copy{background:var(--primary);color:#fff;padding:0 12px}.inapp-close{min-width:44px;color:var(--muted);background:0 0;font-size:1rem}.envelope{cursor:pointer}.envelope:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:12px}.seal{min-width:74px;min-height:74px}.badge{color:color-mix(in srgb, var(--accent) 45%, var(--text))}@media (prefers-reduced-motion:reduce){.home .bokeh{display:none}.home .envelope,.home .eyebrow,.home .names,.home .tagline,.home .badge,.home .stage,.home .seal-hint,.home .polaroid{animation:none}.home .env-flap,.home .env-paper,.home .seal{transition:none}.home.opening .env-flap,.home.opening .env-paper{transform:none}.home .envelope{transition:opacity .25s}.home.opening .envelope{opacity:.4}.home.reading .envelope{opacity:0;transform:none}.home .letter{transition:opacity .25s;transform:none}.home.reading .letter{transform:none}.home.unlocked .letter{transition-duration:.15s;transform:none}.home .seal:hover{transform:none}}.inapp-url{border:1px solid color-mix(in srgb, var(--primary) 35%, transparent);background:var(--surface);min-width:0;min-height:36px;color:var(--text);font:inherit;border-radius:999px;flex:140px;padding:0 10px;font-size:.85rem}.home{--paper:linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--surface) 93%, var(--primary)))}.home .stage{margin-top:clamp(22px,5vh,44px)}.home .envelope{transform-origin:50% 100%;align-self:start;width:min(82vw,380px,50dvh)}.home .letter{transform-origin:50% 0;align-self:start}.env-shadow{z-index:-1;background:radial-gradient(closest-side, rgb(var(--shadow-rgb) / .28), transparent);filter:blur(3px);border-radius:50%;height:24px;transition:opacity .4s;position:absolute;bottom:-10px;left:8%;right:8%}.home .env-front{z-index:2}.env-front:before{background:linear-gradient(to top right, transparent 49.6%, rgb(var(--shadow-rgb) / .09) 50%, transparent 50.8%), linear-gradient(to top left, transparent 49.6%, rgb(var(--shadow-rgb) / .09) 50%, transparent 50.8%), linear-gradient(180deg, rgb(var(--shadow-rgb) / .08), transparent 30%)}.home .env-flap{z-index:2;backface-visibility:visible;transition:none}.home .envelope .env-paper{z-index:1;background:var(--paper);box-shadow:0 1px 0 #fff9 inset, 0 -4px 14px -6px rgb(var(--shadow-rgb) / .3);border-radius:8px;align-content:start;justify-items:center;gap:10px;padding:7% 8% 0;transition:opacity .25s;display:grid;inset:7% 7% 9%;overflow:hidden;container-type:inline-size}.env-paper .lock-seal{width:13cqi;height:13cqi;box-shadow:0 3px 8px color-mix(in srgb, var(--primary) 35%, transparent);font-size:5.6cqi;transition:none}.paper-prompt{font-family:var(--font-display);max-width:22ch;color:var(--text);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:8.2cqi;font-style:italic;line-height:1.2;display:-webkit-box;overflow:hidden}.env-sparks{z-index:2;pointer-events:none;height:0;position:absolute;top:0;left:20%;right:20%}.env-sparks i{left:calc(var(--i) * 16%);width:calc(10px + mod(var(--i) * 3px, 8px));aspect-ratio:1;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:color-mix(in srgb, var(--accent) 75%, white);opacity:0;position:absolute;top:0}.env-sparks i:nth-child(2n){background:color-mix(in srgb, var(--primary) 55%, white)}.home.opening .envelope{animation:.6s cubic-bezier(.65,0,.35,1) both envSettle}@keyframes envSettle{0%{transform:none}to{transform:translateY(var(--open-y,0px)) scale(var(--open-s,1))}}.home.opening .env-shadow{opacity:.6}.home.opening .seal{opacity:1;pointer-events:none;transition:none;animation:.2s cubic-bezier(.3,1.5,.5,1) both sealPop,10ms .18s both sealShell;transform:none}.home.opening .seal:before,.home.opening .seal>:not(.seal-half){opacity:0;transition:opacity .12s .14s}.home.opening .seal-half{animation:.42s cubic-bezier(.45,0,.8,.5) .18s both sealBreakL}.home.opening .seal-half.r{animation-name:sealBreakR}.home.opening .seal.has-logo{animation:.2s cubic-bezier(.3,1.5,.5,1) both sealPop,.45s cubic-bezier(.4,0,.7,.4) .18s both sealLift}.home.opening .seal.has-logo>*{opacity:1;transition:none}.home.opening .env-flap{animation:.5s cubic-bezier(.5,0,.25,1) .12s both flapOpen}.home.opening .env-flap:after{animation:.5s linear .12s both liningShow}.home.opening .env-paper{animation:.6s cubic-bezier(.2,.8,.2,1) .5s both paperRise}.paper-prompt{opacity:0}.home.opening .paper-prompt{animation:.4s .6s both promptIn}@keyframes promptIn{to{opacity:1}}@keyframes paperRise{0%{transform:none}to{transform:translateY(-44%)}}.home.opening .env-sparks i{animation:spark 1s calc(.55s + var(--i) * 60ms) cubic-bezier(.2, .7, .3, 1) both}@keyframes spark{0%{opacity:0;transform:translate(0)scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(calc((var(--i) - 3) * 9px), calc(-70px - mod(var(--i) * 23px, 50px))) scale(1)}}.home.reading .envelope{animation:.6s cubic-bezier(.5,0,.75,0) both envLeave}@keyframes envLeave{0%{transform:translateY(var(--open-y,0px)) scale(var(--open-s,1))}to{transform:translateY(calc(var(--open-y,0px) + 44px)) scale(calc(var(--open-s,1) * .94));opacity:0}}.home.reading .env-paper{opacity:0}.home.reading:not(.unlocked) .letter{transition:none}@media (max-height:760px){.home .letter .lock-form{gap:14px;padding:24px 20px 16px}.home .letter .hints:empty{display:none}}[data-template=midnight] .home{--paper:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, white), var(--surface))}[data-template=midnight] .home .envelope .env-paper{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 35%, transparent), 0 -4px 14px -6px #0009}[data-template=midnight] .env-shadow{background:radial-gradient(closest-side,#0000008c,#0000)}[data-template=midnight] .env-sparks i{background:color-mix(in srgb, var(--primary) 40%, white)}[data-template=garden] .home .envelope .env-paper{border-radius:14px}[data-template=garden] .env-sparks i{clip-path:none;background:color-mix(in srgb, var(--accent) 70%, white);border-radius:80% 0}[data-template=garden] .env-sparks i:nth-child(2n){background:color-mix(in srgb, var(--primary) 40%, white)}[data-template=scrapbook] .home{--paper:var(--graph), var(--surface)}[data-template=scrapbook] .home .envelope .env-paper{border-radius:3px}[data-template=scrapbook] .env-sparks{display:none}[data-template=minimal] .home{--paper:var(--surface)}[data-template=minimal] :is(.env-shadow,.env-sparks){display:none}[data-template=minimal] .home .envelope .env-paper{box-shadow:0 0 0 1px var(--line);border-radius:0}[data-template=minimal] .env-paper .lock-seal{box-shadow:none}[data-template=retro] .home .envelope .env-paper{box-shadow:inset 0 0 0 2px var(--text);border-radius:4px}[data-template=retro] .env-shadow{display:none}[data-template=retro] .env-sparks i{background:var(--accent)}[data-template=retro] .env-sparks i:nth-child(2n){background:var(--text)}@media (prefers-reduced-motion:reduce){.home.opening :is(.envelope,.seal,.seal-half,.env-flap,.env-paper,.paper-prompt,.env-sparks i),.home.opening .env-flap:after{animation:none}.home.opening .envelope{transition:opacity .25s;transform:none}.home.opening .seal{opacity:0;transition:opacity .2s}.home.reading .envelope{opacity:0;transform:none}}