:root{--wine: #6f1f2c;--ink: #3d0f18;--cream: #fdf1e4;--cream-deep: #f3e0cc;--bougainvillea: #b8337a;--celebrate: #b8337a;--celebrate-2: #e58fb8;--script: "Mrs Saint Delafield", cursive;--serif: "Lora", Georgia, serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--ink)}body{margin:0;color:var(--wine);font:400 1rem/1.6 var(--serif);-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.hero{position:fixed;inset:0 0 auto 0;height:78svh;z-index:0}.hero img{width:100%;height:100%;object-fit:cover;object-position:50% 36%;display:block}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#3d0f1800 45%,#3d0f188c 80%,#3d0f18cc)}.names{position:relative;z-index:1;height:64svh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 1.5rem 2.2rem;color:var(--cream);text-align:center}h1{margin:0;font:400 clamp(3.4rem,17vw,5rem)/.95 var(--script);text-shadow:0 2px 18px rgba(61,15,24,.6)}.when{margin:.4rem 0 0;font-weight:600;letter-spacing:.02em;text-shadow:0 1px 8px rgba(61,15,24,.7)}.sheet{position:relative;z-index:2;min-height:60svh;background:var(--cream);padding:1.4rem max(1.25rem,env(safe-area-inset-right)) calc(3rem + env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left))}.edge{position:absolute;left:0;right:0;bottom:100%;height:22px;width:100%;display:block;margin-bottom:-1px}.edge-fill{fill:var(--cream)}.edge-line{fill:none;stroke:var(--wine);stroke-width:1.4}.sheet-inner{max-width:30rem;margin:0 auto}.lede{margin:0 auto 1.4rem;max-width:21rem;text-align:center;color:var(--ink)}.lede em{font:400 2.2rem/1 var(--script);color:var(--wine);display:block;margin-bottom:.35rem;font-style:normal}.status{display:none;align-items:center;gap:.8rem;margin:0 0 .9rem;font-weight:600;font-size:.95rem;font-variant-numeric:tabular-nums}body:not([data-state=idle]) .status{display:flex}.status .bar{flex:1;height:3px;background:var(--cream-deep);border-radius:3px;overflow:hidden}.status .bar i{display:block;height:100%;width:calc(var(--p, 0) * 100%);background:var(--wine);transition:width .25s linear}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;border-radius:14px}@media (min-width: 34rem){.grid{grid-template-columns:repeat(4,1fr)}}.grid ul{display:contents}.grid.drag-over{outline:2px dashed var(--wine);outline-offset:6px}.add{grid-column:1 / -1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:9.5rem;border-radius:14px;background:var(--wine);color:var(--cream);font:600 1.1rem/1.2 var(--serif);text-align:center;cursor:pointer;transition:transform .12s ease}.add:active{transform:scale(.98)}.add:focus-within{outline:3px solid var(--bougainvillea);outline-offset:3px}.add input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.add svg{width:30px;height:30px}.add small{font:400 .85rem/1.3 var(--serif);opacity:.8}.grid:has(.tile) .add{grid-column:auto;min-height:0;aspect-ratio:1;font-size:.85rem;border-radius:10px;gap:.25rem}.grid:has(.tile) .add small{display:none}.grid:has(.tile) .add svg{width:24px;height:24px}.add .more{display:none}.grid:has(.tile) .add .first{display:none}.grid:has(.tile) .add .more{display:inline}body[data-state=blocked] .add{display:none}.tile{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--cream-deep);list-style:none}.tile img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease,filter .3s ease}.tile img:not([src]){visibility:hidden}.tile[data-state=uploading] img,.tile[data-state=waiting] img{opacity:.6;filter:saturate(.6)}.tile[data-state=failed] img{opacity:.3;filter:grayscale(1)}.tile.is-video:before,.tile.no-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:center / 22px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 4 L16 10 L6 16 Z' fill='%236f1f2c'/%3E%3C/svg%3E")}.tile.no-preview:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f1f2c' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 16 L9 11 L14 15 L17 12 L21 15'/%3E%3C/svg%3E")}.tile.is-video.has-thumb:before{inset:auto auto .45rem .45rem;width:1.4rem;height:1.4rem;border-radius:50%;background-color:var(--cream);background-size:10px;background-position:55% 50%}.tile.is-video.has-thumb[data-state=uploading]:before,.tile.is-video.has-thumb[data-state=waiting]:before{display:none}.tile .name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.tile .pct{position:absolute;z-index:2;left:.45rem;right:.45rem;bottom:.55rem;font:600 .72rem/1.2 var(--serif);color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6);font-variant-numeric:tabular-nums}.tile[data-state=done] .pct{display:none}.tile[data-state=failed] .pct{color:var(--ink);text-shadow:none}.tile .line{position:absolute;z-index:2;left:0;right:0;bottom:0;height:4px;background:#fdf1e4b3}.tile .line i{display:block;height:100%;width:calc(var(--p, 0) * 100%);background:var(--wine);transition:width .2s linear}.tile[data-state=done] .line{opacity:0;transition:opacity .4s .3s ease}.tile[data-state=failed] .line{display:none}.tile .heart,.tile .alert{position:absolute;z-index:2;top:.35rem;right:.35rem;width:1.6rem;height:1.6rem;border-radius:50%;display:grid;place-items:center;transform:scale(0);transition:transform .35s cubic-bezier(.3,1.7,.5,1)}.tile .heart{background:var(--cream);color:var(--wine)}.tile .heart svg{width:14px;height:14px}.tile[data-state=done] .heart{transform:scale(1)}.tile .alert{background:var(--wine);color:var(--cream);font:600 .9rem/1 var(--serif)}.tile[data-state=failed] .alert{transform:scale(1)}.tile.can-retry{cursor:pointer}.tile.can-retry:focus-visible{outline:3px solid var(--bougainvillea);outline-offset:2px}.problems{margin:1rem 0 0;font-size:.9rem;text-align:center;color:var(--ink)}.retry-all{display:inline-block;margin-left:.4rem;padding:.35rem .9rem;border:1.5px solid var(--wine);border-radius:999px;background:none;color:var(--wine);font:600 .88rem/1.2 var(--serif);cursor:pointer}.retry-all:focus-visible{outline:3px solid var(--bougainvillea);outline-offset:2px}.keep-open,.offline,.limit{display:none;margin:1rem 0 0;font-size:.88rem;font-style:italic;text-align:center;color:color-mix(in srgb,var(--ink) 75%,transparent)}body[data-state=uploading] .keep-open{display:block}body.is-offline[data-state=uploading] .keep-open{display:none}body.is-offline[data-state=uploading] .offline,body[data-state=blocked] .limit{display:block}.thanks{display:none;text-align:center;margin:1.6rem 0 0}.thanks strong{display:block;font:400 2.6rem/1 var(--script)}.thanks span{color:var(--ink)}body[data-state=done] .thanks{display:block}.signoff{margin:3rem 0 0;text-align:center;font:400 1.9rem/1 var(--script)}.noscript{position:relative;z-index:3;margin:0;padding:1rem;background:var(--cream);text-align:center}@media (prefers-reduced-motion: no-preference){.sheet{animation:rise .9s .25s cubic-bezier(.2,.8,.2,1) backwards}@keyframes rise{0%{transform:translateY(40px);opacity:.4}}}.celebrate-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:50}.celebrate-layer .bit{position:absolute;top:-40px;width:var(--size);height:var(--size);color:var(--celebrate);opacity:0;animation:fall linear forwards}.celebrate-layer .bit svg{width:100%;height:100%;display:block}.celebrate-layer .bit:nth-child(3n){color:var(--celebrate-2)}@keyframes fall{0%{opacity:0;transform:translate(0) rotate(0)}8%{opacity:1}to{opacity:.9;transform:translate(var(--drift),110vh) rotate(var(--spin))}}