:root{--ink:#100d1c;--indigo:#241b47;--marigold:#f0a12e;--rose:#e4617e;--mint:#7fd1b9;--cream:#f6efe4;--marigold-ink:color-mix(in srgb, var(--marigold) 62%, var(--ink) 38%);--rose-ink:color-mix(in srgb, var(--rose) 62%, var(--ink) 38%);--mint-ink:color-mix(in srgb, var(--mint) 55%, var(--ink) 45%)}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--cream);margin:0;padding:0;font-family:DM Sans,system-ui,-apple-system,sans-serif;overflow-x:hidden}#root{min-height:100dvh}.serif{font-family:Instrument Serif,Georgia,serif}img,video{max-width:100%;display:block}body:before{content:"";z-index:5;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.gate{background:radial-gradient(circle at 20% 20%, var(--indigo) 0%, var(--ink) 65%);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.gate-card{text-align:center;background:#ffffff0b;border:1px solid #ffffff17;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:320px;padding:40px 28px;display:flex;box-shadow:0 24px 60px #00000073}.gate-lock{width:28px;height:28px;color:var(--marigold);margin-bottom:14px}.gate-title{color:var(--marigold);margin-bottom:22px;font-size:28px;font-style:italic}.gate-input{width:100%;color:var(--cream);text-align:center;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;outline:none;margin-bottom:14px;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:16px}.gate-input:focus{border-color:var(--marigold)}.gate-input::placeholder{color:#f6efe466}.gate-button{background:var(--marigold);width:100%;color:var(--ink);cursor:pointer;border:none;border-radius:10px;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;transition:transform .15s}.gate-button:active{transform:scale(.97)}.page{z-index:1;max-width:560px;padding:max(56px, calc(env(safe-area-inset-top) + 40px)) 20px max(80px, calc(env(safe-area-inset-bottom) + 40px));flex-direction:column;align-items:center;gap:60px;margin:0 auto;display:flex;position:relative}.section{flex-direction:column;align-items:center;width:100%;display:flex}.section-heading{text-align:center;text-shadow:0 4px 20px #00000080;margin-bottom:22px;font-size:clamp(20px,5vw,26px);font-style:italic}.backdrop{z-index:0;position:fixed;inset:0;overflow:hidden}.backdrop-layer{opacity:.55;grid-template-columns:repeat(2,1fr);gap:2px;display:grid;position:absolute;inset:-10%}.backdrop-layer img{object-fit:cover;filter:blur(10px)saturate(1.05)brightness(.55);width:100%;height:100%}.backdrop-veil{background:linear-gradient(180deg, #100d1ce6 0%, #100d1cbf 18%, #100d1cd1 82%, #100d1cf5 100%), radial-gradient(circle at 20% 15%, color-mix(in srgb, var(--indigo) 55%, transparent) 0%, transparent 55%);position:absolute;inset:0}.hero{text-align:center;max-width:480px;padding-top:30px}.hero-title{color:var(--marigold);text-shadow:0 4px 30px #0009;font-size:clamp(46px,13vw,76px);font-style:italic}.hero-sub{opacity:.92;text-shadow:0 4px 20px #00000080;margin-top:18px;font-size:clamp(20px,5vw,26px);font-style:italic}.hero-hint{opacity:.55;margin-top:40px;font-size:12px}.closing-section{padding-bottom:10px}.closing-mark{width:30px;height:30px;color:var(--rose);margin:0 auto 20px}.closing-text{white-space:pre-line;text-shadow:0 4px 24px #0000008c;font-size:clamp(22px,5.6vw,32px);font-style:italic;line-height:1.55}.notes-line{text-align:center;text-shadow:0 4px 24px #0000008c;max-width:480px;font-size:clamp(24px,6vw,34px);font-style:italic;line-height:1.4}.cartoon-intro{perspective:1200px}.tilt-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.tilt-card{transform-style:preserve-3d;will-change:transform;border-radius:14px;overflow:hidden;box-shadow:0 20px 45px #00000080}.tilt-card img{aspect-ratio:3/4;object-fit:cover;width:100%;height:100%}.drag-row{width:100%;margin:0 calc(-1*max(20px,50vw - 260px));padding:10px 0 18px;overflow:hidden}.drag-track{cursor:grab;will-change:transform;display:flex}.drag-track:active{cursor:grabbing}.polaroid{background:var(--cream);border-radius:5px;flex:0 0 200px;padding:9px 9px 30px;box-shadow:0 16px 34px #00000073}.polaroid img{aspect-ratio:4/5;object-fit:cover;border-radius:2px;width:100%}.just-her{padding:20px 0}.float-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.float-item{border-radius:12px;overflow:hidden;box-shadow:0 16px 36px #00000073}.float-item img{object-fit:cover;width:100%;height:100%}.float-0{aspect-ratio:3/4;align-self:start}.float-1{aspect-ratio:1;align-self:center}.float-2{aspect-ratio:4/5;align-self:end}.single-moment{transform:rotate(-2deg)}.postcard-photo{background:var(--cream);border-radius:8px;max-width:320px;padding:10px 10px 34px;box-shadow:0 22px 50px #00000080}.postcard-photo img{border-radius:4px;width:100%}.moment-caption{text-align:center;opacity:.85;text-shadow:0 4px 20px #00000080;max-width:320px;margin-top:16px;font-size:16px}.lockscreen-section{padding:10px 0}.phone-mockup{aspect-ratio:9/19.5;background:#000;border:6px solid #0a0810;border-radius:34px;width:220px;position:relative;overflow:hidden;box-shadow:0 30px 70px #0009,0 0 0 1.5px #ffffff14}.phone-mockup img{object-fit:cover;width:100%;height:100%}.phone-notch{z-index:2;background:#0a0810;border-radius:0 0 14px 14px;width:40%;height:22px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-shine{z-index:3;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff59 48%,#0000 65%);position:absolute;inset:0}.phone-lock-row{color:#ffffffd9;z-index:2;justify-content:center;display:flex;position:absolute;bottom:18px;left:0;right:0}.phone-lock-row svg{width:20px;height:20px}.coverflow-row{perspective:1000px}.coverflow-item{transform-style:preserve-3d;border-radius:14px;flex:0 0 200px;overflow:hidden;box-shadow:0 24px 55px #0000008c}.coverflow-item img,.coverflow-item video{aspect-ratio:4/5;object-fit:cover;pointer-events:none;width:100%}.drag-hint{opacity:.55;text-align:center;margin-top:14px;font-size:12px}.ambient-row{padding:4px 0 10px}.ambient-item{opacity:.9;border-radius:10px;flex:0 0 130px;overflow:hidden}.ambient-item img{aspect-ratio:4/5;object-fit:cover;width:100%}.quote-stack{flex-direction:column;gap:18px;width:100%;display:flex}.quote-card{background:var(--cream);width:100%;color:var(--ink);border-radius:12px;padding:22px 20px;box-shadow:0 20px 46px #0006}.quote-line{border-radius:14px;max-width:86%;margin-bottom:10px;padding:10px 14px;font-size:14.5px;line-height:1.45}.quote-line:last-child{margin-bottom:0}.quote-line .who{opacity:.6;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:11px;font-weight:700}.quote-line.a{background:color-mix(in srgb, var(--marigold) 22%, white 78%);border-bottom-left-radius:4px;margin-right:auto}.quote-line.b{background:color-mix(in srgb, var(--rose) 20%, white 80%);text-align:right;border-bottom-right-radius:4px;margin-left:auto}