.paper{position:relative;background:var(--paper);padding:3rem 2.5rem 2.5rem;max-width:32rem;width:min(90vw,32rem);border-radius:3px;box-shadow:0 1px 2px #0000000d,0 6px 16px #3c28141f,inset 0 0 40px #c8aa7826;transform:rotate(-1.5deg)}.paper:before,.paper:after{content:"";position:absolute;width:5rem;height:1.4rem;background:var(--tape);top:-.5rem;box-shadow:0 1px 3px #00000014}.paper:before{left:1.5rem;transform:rotate(-6deg)}.paper:after{right:1.5rem;transform:rotate(5deg)}.question{font-family:var(--hand);font-size:clamp(1.4rem,4vw,1.9rem);line-height:1.35;margin:0 0 2rem;font-weight:400}#gate-form{display:flex;align-items:baseline;gap:.5rem;border-bottom:1.5px dashed rgba(58,47,40,.4);padding-bottom:.35rem}#gate-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--hand);font-size:1.5rem;color:var(--ink);padding:.25rem 0;min-width:0}#gate-form button{border:none;background:transparent;cursor:pointer;font-family:var(--hand);font-size:1.5rem;color:#3a2f2899;padding:.25rem .5rem;transition:color .2s ease,transform .15s ease}#gate-form button:hover,#gate-form button:focus-visible{color:var(--ink);transform:translate(2px)}.thinking,.hint{font-family:var(--serif);font-style:italic;font-size:.95rem;margin:1rem 0 0;color:#3a2f2899}.hint{color:#78461ed9}#gate[data-state=wrong] .paper{animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:rotate(-1.5deg) translate(0)}20%{transform:rotate(-1.5deg) translate(-8px)}40%{transform:rotate(-1.5deg) translate(6px)}60%{transform:rotate(-1.5deg) translate(-4px)}80%{transform:rotate(-1.5deg) translate(2px)}}#gate[data-state=unlocked]{opacity:0;transform:scale(.95) rotate(-3deg)}.envelope-wrap{display:grid;place-items:center;gap:1.5rem}.envelope{position:relative;width:min(24rem,82vw);aspect-ratio:3 / 2;background:transparent;border:none;padding:0;cursor:pointer;perspective:800px}.envelope-body{position:absolute;inset:0;background:var(--envelope);border-radius:3px;box-shadow:0 8px 20px #3c28142e}.envelope-flap{position:absolute;top:0;left:0;width:100%;height:60%;background:var(--envelope-flap);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;transform:rotateX(0);transition:transform .9s cubic-bezier(.6,-.1,.4,1.4);z-index:3}.envelope[data-state=opening] .envelope-flap,.envelope[data-state=open] .envelope-flap{transform:rotateX(-180deg)}.envelope-cta{font-family:var(--hand);font-size:1.2rem;color:#3a2f288c;margin:0;transition:opacity .3s ease}.envelope-wrap:has(.envelope:not([data-state=closed])) .envelope-cta{opacity:0}#letter-scene{align-items:safe center;overflow-y:auto;overflow-x:hidden;padding-block:2rem 4rem}.letter-paper{background:var(--paper);padding:3rem 2.5rem;max-width:34rem;width:min(92vw,34rem);border-radius:3px;box-shadow:0 1px 2px #0000000d,0 6px 16px #3c28141f,inset 0 0 40px #c8aa7826;transform:rotate(-.5deg);display:flex;flex-direction:column}.letter{font-family:var(--serif);font-style:italic;font-size:1.05rem;line-height:1.7;color:var(--ink)}.letter p{margin:0 0 .9em}.letter p:last-child{margin-bottom:0}.letter-continue{align-self:flex-end;margin-top:2rem;padding:.25rem .5rem;background:transparent;border:none;font-family:var(--hand);font-size:1.2rem;color:#3a2f288c;cursor:pointer;transition:color .2s ease,transform .2s ease}.letter-continue:hover,.letter-continue:focus-visible{color:var(--ink);transform:translate(4px);outline:none}#album-scene{display:block;padding:3rem 1.5rem 5rem;overflow-y:auto;overflow-x:hidden}.album-back{position:fixed;bottom:1.25rem;left:1.25rem;z-index:10;padding:.4rem .9rem;background:#f8f2e6e6;border:none;border-radius:3px;font-family:var(--hand);font-size:1.2rem;color:#3a2f28b3;cursor:pointer;box-shadow:0 2px 8px #3c281426;transition:color .2s ease,transform .2s ease,background .2s ease}.album-back:hover,.album-back:focus-visible{color:var(--ink);transform:translate(-4px);background:#f8f2e6;outline:none}.album-mosaic{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:140px;grid-auto-flow:dense;gap:1.5rem 1.25rem;max-width:60rem;margin:0 auto}@media(max-width:480px){#album-scene{padding:2rem 1rem 4rem}.album-mosaic{display:flex;flex-direction:column;align-items:center;gap:2.5rem;max-width:100%;grid-template-columns:none;grid-auto-rows:auto}.photo-item{width:min(85vw,340px)}.photo-tile{flex:none;width:100%;aspect-ratio:4 / 5}.photo-item.size-sm .photo-tile{aspect-ratio:1 / 1}.photo-item.size-md .photo-tile{aspect-ratio:3 / 4}.photo-item.size-lg .photo-tile{aspect-ratio:4 / 3}.photo-caption{font-size:1.15rem;margin-top:.75rem}.photo-sticker{font-size:2.2rem}}.photo-item{display:flex;flex-direction:column;gap:.5rem;transform:rotate(var(--rotate, 0deg));transition:transform .3s ease}.photo-item.size-sm{grid-column:span 1;grid-row:span 1}.photo-item.size-md{grid-column:span 1;grid-row:span 2}.photo-item.size-lg{grid-column:span 2;grid-row:span 2}.photo-tile{position:relative;flex:1;width:100%;padding:0;border:none;border-radius:3px;cursor:pointer;overflow:visible;background:transparent;transition:transform .25s ease,filter .25s ease}.photo-tile:hover,.photo-tile:focus-visible{transform:scale(1.03);filter:brightness(1.05);outline:none;z-index:2}.photo-image{position:absolute;inset:0;border-radius:3px;background:linear-gradient(135deg,var(--photo-a, #d4a373),var(--photo-b, #7a5d3f));box-shadow:0 1px 2px #00000014,0 4px 10px #3c28142e,inset 0 0 30px #00000014;overflow:hidden}.photo-image img{width:100%;height:100%;object-fit:cover;display:block}.photo-sticker{position:absolute;top:-.6rem;right:-.6rem;font-size:1.9rem;line-height:1;color:#c94a4a;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));pointer-events:none;z-index:3;transform:rotate(15deg)}.photo-caption{font-family:var(--hand);font-size:1.05rem;color:#3a2f28b8;margin:0;text-align:center;line-height:1.15}.photo-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:2rem;background:#281e16e0;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.photo-modal.active{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .3s ease,visibility 0s linear 0s}.photo-modal-close{position:absolute;top:.5rem;right:1rem;background:transparent;border:none;color:var(--paper);font-size:2.5rem;cursor:pointer;padding:.5rem .75rem;line-height:1;opacity:.7;transition:opacity .2s ease}.photo-modal-close:hover,.photo-modal-close:focus-visible{opacity:1;outline:none}.photo-modal-content{display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin:0}.photo-modal-image{width:min(70vh,90vw);aspect-ratio:4 / 3;background:linear-gradient(135deg,var(--photo-a, #d4a373),var(--photo-b, #7a5d3f));border-radius:4px;box-shadow:0 20px 40px #0006;overflow:hidden;position:relative}.photo-modal-picture{width:100%;height:100%;object-fit:cover;display:block}.photo-modal-caption{font-family:var(--hand);font-size:1.4rem;color:#fff5e1e6;margin:0;text-align:center}.photo-modal-caption:empty{display:none}:root{--paper: #f8f2e6;--paper-warm: #ede2c8;--ink: #3a2f28;--tape: rgba(255, 200, 100, .35);--envelope: #e6d5b8;--envelope-flap: #d4c0a0;--hand: "Caveat", ui-serif, Georgia, serif;--serif: "Cormorant Garamond", ui-serif, Georgia, serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100vh;height:100dvh;overflow:hidden;background:linear-gradient(180deg,#f2ebdc 0%,var(--paper-warm) 100%);color:var(--ink);font-family:var(--serif)}#stage{position:relative;height:100%;display:grid;place-items:center;padding:2rem 1rem}.stage-section{position:absolute;inset:0;display:grid;place-items:center;padding:2rem 1rem;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .5s ease}.stage-section.active{opacity:1;pointer-events:auto}*{scrollbar-width:thin;scrollbar-color:rgba(58,47,40,.28) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#3a2f2847;border-radius:100px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#3a2f2880;background-clip:padding-box}