:root{--cream:#fff6e5;--paper:#fffcf5;--polaroid:#fffdf8;--sage:#7baa73;--sage-script:#5e8f57;--sage-deep:#3f6b3a;--sage-ink:#2e5229;--blush:#ffd5d0;--sky:#c9dfec;--sage-tint:#e3edde;--line:#e6dcc6;--frame-line:#b9d1b3;--rose-deep:#8a3c32;--night:#1c241b;--undeveloped:#3b3631;--develop-grey:#dadedf;--script:"Pinyon Script", "Snell Roundhand", cursive;--serif:"Libre Baskerville", Georgia, serif;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--spring:cubic-bezier(.32, .72, 0, 1);--dur-press:.14s;--dur-exit:.24s;--dur-enter:.42s;--dur-spring:.5s;--shadow-card:0 2px 8px #2e52292e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--cream);color:var(--sage-deep);font:15px/1.6 var(--serif);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}p{margin:0}a{color:var(--sage-deep);text-underline-offset:4px}a:hover{color:var(--sage-ink)}:focus-visible{outline:2px solid var(--sage-deep);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.overline{letter-spacing:.12em;text-transform:uppercase;font-size:12px;line-height:16px}.caption{font-size:13px;font-style:italic;line-height:20px}.center{text-align:center}.lede{text-align:center;font-size:15px;line-height:24px}.chrome-strip{z-index:1000;pointer-events:none;width:100%;height:16px;position:fixed;left:0}.chrome-strip.top{background-color:var(--chrome-top,var(--cream));top:0}.chrome-strip.bottom{background-color:var(--chrome-bottom,var(--cream));bottom:0}.page{max-width:480px;min-height:100dvh;padding:max(26px, env(safe-area-inset-top)) 24px max(12px, env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.page[data-phase=loading] .layout{visibility:hidden}.page:not(.ready)>*{opacity:0}.page.ready>*{animation:arrive .7s var(--spring) both}.page.ready>:nth-child(2){animation-delay:70ms}.page.ready>:nth-child(3){animation-delay:.14s}@keyframes arrive{0%{opacity:0;transform:translateY(14px)}}.masthead{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.names{font-family:var(--script);color:var(--sage-script);font-size:36px;line-height:44px}.layout{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.gallery-link{align-self:center;align-items:center;min-height:44px;font-size:13px;display:flex}.stage{flex:1;min-height:400px;display:flex;position:relative}.stage-inner{color:var(--stage-ink);flex:1;grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative;container-type:size}.panel{padding:var(--stage-pad);pointer-events:none;text-align:center;flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:16px;display:none}.page[data-phase=idle] .panel-idle,.page[data-phase=uploading] .panel-pile,.page[data-phase=sealing] .panel-envelope,.page[data-phase=held] .panel-envelope,.page[data-phase=done] .panel-done,.page[data-phase=closed] .panel-closed{display:flex}.script-display{font-family:var(--script);color:var(--stage-script);font-size:56px;line-height:54px}.icon-upload{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:56px;height:56px}.icon{fill:none;width:24px;height:24px;stroke:var(--sage-deep);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.stage-tap{z-index:1;border-radius:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;grid-area:1/1/3/2;margin:0;padding:0}.stage-tap:disabled{cursor:default}.stage-tap:focus-visible{outline:2px solid var(--stage-focus);outline-offset:-8px}.panel{z-index:2}.pile{--card-w:clamp(132px, calc(46cqh - 60px), 200px);--pad:calc(var(--card-w) * .055);width:calc(var(--card-w) + 24px);height:calc(var(--card-w) * 1.19 + 24px);flex-shrink:0;position:relative}.polaroid{width:var(--card-w);padding:var(--pad) var(--pad) calc(var(--card-w) * .245);background:var(--polaroid);box-shadow:var(--shadow-card);position:absolute;top:12px;left:12px}.polaroid-image{--develop:1;aspect-ratio:1;isolation:isolate;background:var(--tint,var(--sky));position:relative;overflow:hidden}.polaroid-image canvas{opacity:0;width:100%;height:100%;transition:opacity .32s var(--ease-out);position:absolute;inset:0}.polaroid-image canvas.ready{opacity:1}.polaroid-image canvas.ready~.placeholder-icon{display:none}.polaroid-image:before,.polaroid-image:after{content:"";pointer-events:none;position:absolute;inset:0}.polaroid-image:before{z-index:1;background-color:color-mix(in srgb, var(--develop-grey) calc((1 - var(--develop)) * 100%), black);mix-blend-mode:lighten;transition:background-color .7s var(--ease-out)}.polaroid-image:after{z-index:2;background:var(--develop-grey);opacity:clamp(0, 1 - 2 * var(--develop), 1);transition:opacity .7s var(--ease-out)}.pile .polaroid:last-child .polaroid-image{--develop:var(--pile-develop,0)}.polaroid-image .placeholder-icon{fill:none;width:34px;height:34px;stroke:var(--sage-deep);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;margin:auto;position:absolute;inset:0}.play-mark{z-index:3;background:#1c241b8c;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;bottom:8px;right:8px}.play-mark svg{width:12px;height:12px;fill:var(--cream);margin-left:2px}.pile-status{flex-direction:column;align-items:center;gap:2px;display:flex}.sent-count{color:var(--stage-strong);font-size:14px;font-weight:700;line-height:20px}.pile-note{font-size:12.5px;font-style:italic;line-height:20px}.envelope-wrap{width:min(264px,88cqw)}.envelope{aspect-ratio:3/2;background:var(--paper);border:1px solid var(--line);color:var(--sage-deep);text-align:left;flex-direction:column;gap:6px;padding:20px 18px 0;display:flex;position:relative;box-shadow:0 3px 10px #2e522929}.stamp{border:1.5px dashed var(--sage-script);background:var(--blush);place-items:center;width:32px;height:38px;display:grid;position:absolute;top:12px;right:12px}.stamp svg{fill:none;width:18px;height:18px;stroke:var(--sage-deep);stroke-width:1.6px;stroke-linejoin:round}.envelope-to{font-family:var(--script);color:var(--sage-script);white-space:nowrap;margin-right:36px;font-size:min(30px,9cqw);line-height:1.15}.envelope-from{align-items:baseline;gap:8px;margin-top:4px;font-size:12.5px;display:flex}.signature{font-family:var(--script);color:var(--sage-ink);white-space:nowrap;font-size:min(30px,10cqw);line-height:1.2}.envelope-stripe{background:repeating-linear-gradient(90deg, var(--sage) 0 10px, var(--blush) 10px 20px);height:10px;position:absolute;bottom:0;left:0;right:0}.envelope-caption{color:var(--stage-strong);font-size:14px;font-weight:700;line-height:20px}.notices{z-index:3;pointer-events:none;flex-direction:column;grid-area:2/1;gap:8px;padding:0 12px 12px;display:flex}.notice{pointer-events:auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--sage-deep);text-align:center;gap:8px;padding:12px 14px;display:grid;box-shadow:0 2px 10px #2e52291f}.notice[hidden]{display:none}.notice-failed .notice-text{color:var(--rose-deep)}.notice-text{font-size:13px;line-height:20px}.notice-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tray{justify-content:center;gap:8px;display:flex}.tray:empty{display:none}.tray-card{background:var(--polaroid);width:48px;box-shadow:var(--shadow-card);transform:rotate(var(--r,0deg));padding:3px 3px 11px}.tray-card .polaroid-image:before,.tray-card .polaroid-image:after{display:none}.tray-more{align-self:center;font-size:13px;font-style:italic}button{font:inherit;color:inherit}.button-primary,.button-small,.guest-chip,.prompts-inline,.gallery-link{transition:transform var(--dur-press) var(--ease-out), background-color .16s var(--ease-out), border-color .16s var(--ease-out)}.button-primary:active,.button-small:active:not(:disabled),.guest-chip:active,.prompts-inline:active,.gallery-link:active{transform:scale(.97)}.button-primary{border-radius:var(--radius-md);background:var(--sage-deep);height:56px;color:var(--cream);cursor:pointer;border:0;font-size:16px;font-weight:700}.button-primary:hover{background:var(--sage-ink)}.button-text{text-underline-offset:4px;cursor:pointer;background:0 0;border:0;min-height:44px;font-size:14px;text-decoration:underline}.button-small{border:1.5px solid var(--sage-script);border-radius:var(--radius-md);background:var(--sage-deep);min-height:44px;color:var(--cream);cursor:pointer;padding:0 16px;font-size:14px;font-weight:700}.button-small.quiet{background:var(--paper);color:var(--sage-deep)}.button-small[hidden]{display:none}.field{gap:8px;font-size:14px;font-weight:700;line-height:20px;display:grid}.field input{border:1.5px solid var(--sage-script);border-radius:var(--radius-md);background:var(--paper);height:50px;color:var(--sage-ink);font:16px var(--serif);padding:0 16px}.field input:focus{outline:2px solid var(--sage-deep);outline-offset:1px}.sheet{background:var(--cream);width:100%;max-width:480px;max-height:88dvh;color:var(--sage-deep);border:0;border-radius:16px 16px 0 0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0;overflow:auto}.sheet:focus-visible{outline:none}.sheet[open]{animation:sheet-up var(--dur-spring) var(--spring)}.sheet.closing{animation:sheet-down var(--dur-exit) var(--ease-in) forwards}.scrim{background:#1c241b73;display:none;position:fixed;inset:0}.scrim.open{animation:fade-in var(--dur-enter) var(--ease-out);display:block}.scrim.closing{animation:fade-out var(--dur-exit) var(--ease-in) forwards}.sheet-body{padding:26px 24px max(30px, env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex}.sheet-body>.button-primary[data-close]{bottom:max(16px, env(safe-area-inset-bottom));z-index:1;box-shadow:0 -14px 16px 6px var(--cream), 0 4px 12px #2e52292e;position:sticky}.sheet-title{font:400 40px/46px var(--script);color:var(--sage-script);text-align:center;margin:0}.sheet-lede{text-align:center;font-size:15px;line-height:24px}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-down{to{transform:translateY(100%)}}@keyframes fade-out{to{opacity:0}}.toast{left:50%;bottom:max(20px, env(safe-area-inset-bottom));z-index:10;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);text-align:center;width:max-content;max-width:calc(100% - 32px);animation:toast-in var(--dur-spring) var(--spring);padding:12px 16px;font-size:14px;line-height:20px;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #2e522929}.toast.leaving{animation:toast-out var(--dur-exit) var(--ease-in) forwards}.toast[hidden]{display:none}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)scale(.96)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%,8px)scale(.98)}}.layout-card .card{background:var(--paper);border:1.5px solid var(--sage-script);transition:transform .26s var(--ease-out), box-shadow .26s var(--ease-out);flex:1;padding:8px;display:flex;box-shadow:0 2px 12px #2e522914}.layout-card .card:has(.stage-tap:active:not(:disabled)){transform:scale(.985);box-shadow:0 1px 6px #2e522914}.layout-card .card-inner{border:1px solid var(--frame-line);flex-direction:column;flex:1;padding:0 16px;display:flex}.layout-card .stage-inner{--stage-ink:var(--sage-deep);--stage-script:var(--sage-script);--stage-strong:var(--sage-ink);--stage-focus:var(--sage-deep);--stage-pad:16px 8px}.layout-card .panel-idle{gap:14px}.guest-chip{z-index:3;pointer-events:auto;border:1px solid var(--line);background:var(--cream);min-height:36px;color:var(--sage-deep);font:italic 14px/20px var(--serif);cursor:pointer;border-radius:999px;align-items:center;gap:6px;margin-bottom:4px;padding:6px 14px;display:inline-flex;position:relative}.guest-chip svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;width:15px;height:15px}.guest-chip:hover{border-color:var(--frame-line)}.guest-chip:focus-visible{outline:2px solid var(--sage-deep);outline-offset:2px}.layout-card .rule{background:var(--sage);width:56px;height:1px}.or-divider{align-items:center;gap:12px;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--frame-line);flex:1;height:1px}.or-divider span{font:28px/28px var(--script);color:var(--sage-script)}.prompts-inline{justify-content:center;align-items:center;gap:10px;min-height:64px;font-size:15px;text-decoration:none;display:flex}.prompts-inline .icon{width:22px;height:22px}.page:not([data-phase=idle]):not([data-phase=done]) [data-prompts],.page[data-prompts-off] [data-prompts]{display:none}@media (height<=700px){.page{padding-top:max(16px, env(safe-area-inset-top));gap:10px}.names{font-size:32px;line-height:38px}.stage{min-height:360px}.script-display{font-size:48px;line-height:48px}}@media (width<=389px){.page{padding-inline:20px}}@media (width>=700px) and (height>=700px){.page{justify-content:center;gap:20px;max-width:540px;padding-block:40px}.names{font-size:44px;line-height:52px}.layout{flex:none}.layout-card .card{flex:none;height:min(780px,100dvh - 230px)}.stage{min-height:0}.script-display{font-size:64px;line-height:62px}.pile{--card-w:clamp(150px, calc(46cqh - 60px), 250px)}.envelope-wrap{margin-block:22px}.envelope{scale:1.25}.sheet{border-radius:20px;max-width:460px;max-height:min(84dvh,780px);margin:auto;inset:0;box-shadow:0 24px 60px #1c241b47}.sheet[open]{animation:sheet-pop var(--dur-spring) var(--spring)}.sheet.closing{animation:sheet-drop var(--dur-exit) var(--ease-in) forwards}}@keyframes sheet-pop{0%{opacity:0;transform:translateY(28px)scale(.96)}}@keyframes sheet-drop{to{opacity:0;transform:translateY(16px)scale(.97)}}@media (prefers-reduced-motion:reduce){.sheet[open],.scrim.open,.toast,.page.ready>*{animation:.15s ease-out fade-in}.sheet.closing,.scrim.closing,.toast.leaving{animation:.15s ease-out forwards fade-out}:is(.button-primary:active,.button-small:active,.guest-chip:active,.prompts-inline:active,.gallery-link:active,.layout-card .card:has(.stage-tap:active)){transform:none}}