@charset "UTF-8";:root{color-scheme:dark;--color-bg: #351b25;--color-surface: #40232e;--color-surface-deep: #2d1720;--color-text: #f8ede5;--color-muted: #cfb5bc;--color-primary: #edc3c8;--color-accent: #dba3b0;--color-border: #70505b;--color-paper: #efe4d7;--color-ink: #4b2833;--shadow-soft: 0 18px 45px #1b0a1233;--radius-sm: 3px;--radius-md: 8px;--radius-lg: 16px;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 3rem;--space-6: 5rem;--space-7: 8rem;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: Georgia, "Times New Roman", serif;--layer-skip: 10}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem;overflow-x:hidden;max-width:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100%}body,button,a{-webkit-tap-highlight-color:transparent}::selection{color:var(--color-bg);background:var(--color-primary)}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0;overflow-wrap:break-word}h1,h2,h3{text-wrap:balance}h1,h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.045em}h2{font-size:clamp(2.25rem,4.3vw,3.7rem);line-height:1.16}h3{font-weight:500;line-height:1.4}p{text-wrap:pretty}a{color:inherit;text-underline-offset:5px}button,summary{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button,summary,a{outline-offset:5px}:focus-visible{outline:2px solid var(--color-primary)}img{display:block;max-width:100%;height:auto}ul,ol{padding:0;margin:0}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.section{padding-block:clamp(5rem,9vw,8rem)}.section-heading{margin-bottom:3.5rem;max-width:760px}.section-heading p{margin-top:1.1rem;max-width:53ch;color:var(--color-muted)}.muted{color:var(--color-muted)}.eyebrow{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-primary)}.handwritten{color:var(--color-primary);font-family:var(--font-display);font-size:1.4rem;font-style:italic;line-height:1.65;white-space:pre-line}.button{display:inline-flex;min-height:48px;padding:.7rem 1.55rem;align-items:center;justify-content:center;gap:.9rem;border:1px solid var(--color-primary);border-radius:99px;background:var(--color-primary);color:var(--color-bg);font-size:.87rem;font-weight:600;text-decoration:none;line-height:1.5;transition:transform .2s ease,opacity .2s ease}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.98)}.button-outline{background:transparent;color:var(--color-text);border-color:var(--color-border)}.button-outline:hover{border-color:var(--color-primary)}.button-small{padding:.55rem 1rem;font-size:.8rem}.text-link{display:inline-flex;align-items:center;gap:1.5rem;min-height:44px;font-size:.88rem;text-decoration-thickness:1px}.skip-link{position:fixed;top:1rem;left:1rem;padding:1rem;z-index:var(--layer-skip);background:var(--color-paper);color:var(--color-bg);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.noscript-note{padding-block:2rem;color:var(--color-muted)}.opening{background:radial-gradient(ellipse at 85% 38%,#60313d55,transparent 62%),var(--color-bg)}.opening-top{display:flex;justify-content:space-between;padding-top:2rem;font-size:.72rem;letter-spacing:.1em;color:var(--color-muted)}.intro-stage{min-height:min(750px,calc(100svh - 150px));display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;padding-block:4rem}.intro-preface{font-family:var(--font-display);font-size:clamp(3rem,4.2vw,4.25rem);line-height:1.13;letter-spacing:-.045em;white-space:pre-line;margin-bottom:2.25rem;transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}.intro-stage.is-opening .intro-preface{opacity:0;transform:translateY(-12px)}.intro-copy:has(.gift[open]) .intro-preface{display:none}.gift>summary{list-style:none;width:fit-content;transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1),background .2s ease}.gift>summary::-webkit-details-marker{display:none}.gift.is-opening>summary{opacity:0;transform:translateY(-8px) scale(.96);pointer-events:none}.js .gift[open]>summary{display:none}html:not(.js) .gift[open]>summary{background:transparent;color:var(--color-primary);border-color:var(--color-border);margin-bottom:2rem}.birthday-greeting{position:relative}.birthday-greeting>.confetti{top:25%;bottom:auto;left:45%}.birthday-greeting h1{font-size:clamp(3.2rem,5vw,4.5rem);line-height:1.1}.birthday-greeting h1 em{display:block;font-weight:400;color:var(--color-primary);padding-bottom:.1em}.birthday-greeting>p{max-width:35ch;margin-top:1.5rem;font-size:1.05rem;color:var(--color-muted)}.js .gift.is-opened .birthday-greeting h1{animation:greetingFadeUp .65s cubic-bezier(.22,1,.36,1) both}.js .gift.is-opened .birthday-greeting>p{animation:greetingFadeUp .65s cubic-bezier(.22,1,.36,1) .14s both}.js .gift.is-opened .birthday-greeting .birthday-scroll-btn{animation:greetingFadeUp .65s cubic-bezier(.22,1,.36,1) .28s both}@keyframes greetingFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.birthday-scroll-btn{margin-top:2rem;display:inline-flex;align-items:center;gap:.75rem;padding:.85rem 1.6rem;background:#edc3c814;border:1px solid var(--color-primary);border-radius:99px;color:var(--color-text);font-size:.9rem;font-weight:500;text-decoration:none;box-shadow:0 4px 18px #1b0a1266;transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s ease,color .25s ease,box-shadow .25s ease}.birthday-scroll-btn:hover{background:var(--color-primary);color:var(--color-bg);transform:translateY(-3px);box-shadow:0 8px 25px #edc3c840}.birthday-scroll-btn:active{transform:scale(.98)}.scroll-arrow{display:inline-block;font-size:1rem;line-height:1;color:var(--color-primary);transition:transform .25s ease,color .25s ease}.birthday-scroll-btn:hover .scroll-arrow{color:var(--color-bg);transform:translateY(3px)}.opening-note{margin-top:1.7rem;font-size:.73rem;color:var(--color-muted)}.keepsake{position:relative;width:82%;max-width:345px;justify-self:center;isolation:isolate}.keepsake-sheet{position:relative;display:flex;flex-direction:column;align-items:center;background:var(--color-paper);color:var(--color-ink);min-height:425px;padding:1.8rem;transform:rotate(5deg);box-shadow:var(--shadow-soft);border-radius:var(--radius-sm);transition:transform .8s cubic-bezier(.22,1,.36,1),box-shadow .8s ease}.keepsake-sheet:before{content:"";position:absolute;inset:12px;border:1px solid #ac84945e;pointer-events:none}.sheet-date{font-size:.65rem;letter-spacing:.25em;align-self:flex-end}.flower-mark{position:absolute;top:58px;left:35px;font-size:4rem;line-height:1;color:#956675;font-weight:200;transition:transform .7s cubic-bezier(.22,1,.36,1),color .5s ease}.keepsake-letter{font-family:var(--font-display);font-size:11rem;font-style:italic;line-height:1.5;margin:1rem 0 -.4rem}.sheet-caption{font-family:var(--font-display);font-style:italic;font-size:1.15rem;margin-top:auto}.keepsake-underlay{position:absolute;inset:8px -12px -10px 10px;background:#965866;transform:rotate(-5deg);border-radius:var(--radius-sm);z-index:-1;transition:transform .8s cubic-bezier(.22,1,.36,1)}.intro-stage.is-opened .keepsake-sheet{transform:rotate(2deg) translateY(-8px) scale(1.02);box-shadow:0 20px 48px #0006,0 0 32px #edc3c82e}.intro-stage.is-opened .keepsake-underlay{transform:rotate(-6.5deg) translateY(4px)}.intro-stage.is-opened .flower-mark{transform:rotate(24deg) scale(1.12);color:var(--color-primary)}.opening-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.opening-nav>span{font-family:var(--font-display);font-style:italic;color:var(--color-primary);font-size:1.2rem}.opening-nav>div{display:flex;gap:2.2rem}.opening-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-muted);text-decoration:none;font-size:.78rem}.opening-nav a:hover{color:var(--color-text)}.observations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.observation{background:var(--color-surface);padding:1.8rem;border-radius:var(--radius-sm);border:1px solid #66404c55}.observation:nth-child(2),.observation:nth-child(6){background:#482832}.observation:nth-child(3){background:#512d39}.note-number{font-size:.68rem;color:var(--color-accent);letter-spacing:.1em}.observation h3{margin-top:1.1rem;margin-bottom:.8rem;font-size:1.1rem}.observation p{color:var(--color-muted);font-size:.89rem}.likes-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:6rem;padding-top:2rem}.likes-intro h2{max-width:10ch}.likes-intro .handwritten{margin-top:1.7rem;font-size:1.2rem}.quiet-flower{display:inline-block;color:var(--color-border);font-size:7rem;margin-top:2rem;line-height:1.2}.likes-list{list-style:none;counter-reset:affection}.likes-list li{position:relative;counter-increment:affection;border-top:1px solid var(--color-border);padding:1.75rem 0 1.75rem 2.8rem}.likes-list li:before{content:"0" counter(affection);position:absolute;left:0;top:1.95rem;font-size:.67rem;color:var(--color-accent)}.likes-list h3{font-size:1.14rem;margin-bottom:.65rem}.likes-list p{font-size:.92rem;color:var(--color-muted)}.memories-section{background:var(--color-surface-deep)}.bouquet-memory{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(3rem,7vw,7rem);align-items:center;margin-top:5rem}.bouquet-visual{padding:0 .8rem}.bouquet-visual>p{text-align:center;font-size:1.2rem;margin-top:2rem}.polaroid{background:var(--color-paper);color:var(--color-ink);padding:13px 13px 0;border-radius:var(--radius-sm);transform:rotate(var(--tilt));box-shadow:var(--shadow-soft);transition:transform .25s ease;min-width:0}.polaroid img{width:100%;height:auto;display:block;border-radius:2px}.polaroid.bouquet-photo{max-width:440px;margin-inline:auto}.polaroid.bouquet-photo img{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:center 65%}.polaroid figcaption{min-height:62px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-style:italic;font-size:1rem;text-align:center;line-height:1.45;padding:.75rem .3rem}.photo-placeholder{aspect-ratio:4 / 5;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;background:#d8c1bf;color:#70424f;padding:1.5rem;text-align:center;border:1px solid #b7979855}.placeholder-ornament{font-family:var(--font-display);font-style:italic;font-size:5rem;line-height:1.2}.placeholder-label{max-width:18ch;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:#472c35}.bouquet-placeholder{background:#d2c8bd;color:#655651}.bouquet-placeholder .placeholder-ornament{font-size:7rem;font-style:normal}.bouquet-copy h3{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,3.2vw,3rem);line-height:1.2;letter-spacing:-.025em;white-space:pre-line;margin-top:1rem;margin-bottom:1.75rem}.bouquet-copy p{color:var(--color-muted);font-size:.96rem;margin-top:1rem}.small-memories{margin-top:5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem}.small-memories article{border-top:1px solid var(--color-border);padding-top:1.8rem}.memory-detail{color:var(--color-accent);font-size:.72rem}.small-memories h3{font-family:var(--font-display);font-size:1.7rem;margin-block:.7rem 1rem}.small-memories p{color:var(--color-muted);font-size:.94rem}.day-panel,.quiz-panel{position:relative;padding:clamp(1.5rem,5vw,4rem);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:900px;margin-inline:auto}.day-panel .section-heading{margin-bottom:2rem}.day-panel h2{font-size:clamp(2rem,4vw,3rem)}.day-fallback details{border-top:1px solid var(--color-border);padding-block:1rem}summary{cursor:pointer}.day-fallback summary{min-height:44px;color:var(--color-text)}.day-fallback ul{list-style:none;margin-top:.6rem;padding-left:1rem}.day-fallback li{padding-block:.3rem;color:var(--color-muted);font-size:.92rem}.day-progress-wrap{display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem}.day-step-label{font-size:.74rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);font-weight:500}.day-progress-bar{width:100%;height:3px;background:var(--color-border);border-radius:99px;overflow:hidden}.day-progress-fill{height:100%;width:16.6%;background:linear-gradient(90deg,var(--color-accent),var(--color-primary));transition:width .3s ease}.day-prompt{font-family:var(--font-display);font-size:clamp(1.45rem,3vw,2rem);line-height:1.35;margin-bottom:1.75rem;color:var(--color-text);scroll-margin:2rem}[tabindex="-1"]:focus{outline:none}.day-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.day-option{width:100%;text-align:left;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:64px;padding:1.15rem 1.4rem;font-size:.98rem;line-height:1.45;transition:transform .2s ease,border-color .2s ease,background .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem}.day-option:hover{border-color:var(--color-primary);transform:translateY(-2px)}.day-option:active{transform:scale(.99)}.day-option.is-selected{background:#2b141d;border-color:var(--color-primary);color:#fff;box-shadow:inset 0 0 0 1px var(--color-primary),0 4px 14px #1b0a1244}.day-opt-marker{font-size:1.1rem;color:var(--color-accent);flex-shrink:0;line-height:1}.day-option.is-selected .day-opt-marker{color:var(--color-primary)}.day-reaction{min-height:2.2rem;margin-top:1.5rem;font-family:var(--font-display);font-style:italic;font-size:1.22rem;color:var(--color-primary);line-height:1.5}.day-reaction:empty{margin-top:0;min-height:0}.day-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.75rem;border-top:1px solid var(--color-border)}.day-result-heading{font-family:var(--font-display);font-size:clamp(1.85rem,3.5vw,2.5rem);text-align:center;margin-bottom:2rem;scroll-margin:2rem}.day-flow{display:flex;flex-direction:column;align-items:center;gap:.65rem;max-width:460px;margin:0 auto;width:100%}.flow-card{width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.95rem 1.4rem;text-align:center;display:flex;flex-direction:column;gap:.25rem;box-shadow:0 4px 14px #1b0a1226}.flow-sublabel{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--color-accent)}.flow-text{font-family:var(--font-display);font-size:1.18rem;color:var(--color-text);line-height:1.4}.flow-arrow{color:var(--color-primary);font-size:1.25rem;line-height:1;opacity:.85}.day-closing{max-width:52ch;margin:2.5rem auto 1.5rem;font-family:var(--font-display);font-style:italic;font-size:1.22rem;line-height:1.65;text-align:center;color:var(--color-primary)}.day-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.day-kept-status{text-align:center;margin-top:1.2rem;font-family:var(--font-display);font-style:italic;color:var(--color-primary);font-size:1.15rem}.sweet-section{text-align:center;max-width:760px;padding-top:clamp(2.5rem,5vw,4rem);padding-bottom:clamp(3rem,5vw,4.5rem)}.sweet-mark{font-size:3.2rem;color:var(--color-primary);line-height:1.4;display:inline-block;margin-bottom:1.5rem;transition:transform .8s cubic-bezier(.25,1,.5,1)}.sweet-section h2{font-size:clamp(2rem,4vw,3rem)}.sweet-section .muted{margin-top:.8rem}.message-space{min-height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1rem auto;gap:.85rem}.sweet-message{font-family:var(--font-display);font-size:clamp(1.3rem,2.6vw,1.75rem);line-height:1.6;max-width:42ch;transition:opacity .35s ease,transform .35s ease}.sweet-message.is-changing{opacity:0;transform:scale(.97)}.matcha-section{padding-block:clamp(3.5rem,6vw,5.5rem);border-top:1px solid var(--color-border);text-align:center}.matcha-content{max-width:680px;margin-inline:auto;display:flex;flex-direction:column;align-items:center}.matcha-content .eyebrow{margin-bottom:1.25rem}.matcha-heading{font-family:var(--font-display);font-size:clamp(2.1rem,3.8vw,3.2rem);font-weight:400;line-height:1.2;letter-spacing:-.035em;color:var(--color-text);margin:0;text-wrap:balance}.matcha-sub{margin-top:1.25rem;font-size:clamp(1rem,1.8vw,1.12rem);color:var(--color-muted);max-width:48ch;line-height:1.65;text-wrap:pretty}.matcha-action{margin-top:2.25rem}.matcha-selfie-trigger{font-family:var(--font-body);font-size:.92rem;font-weight:500;padding:.85rem 1.8rem;min-height:48px;border-radius:99px;background:#edc3c814;border:1px solid var(--color-primary);color:var(--color-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;box-shadow:0 4px 18px #1b0a1266;transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s ease,color .25s ease,box-shadow .25s ease}.matcha-selfie-trigger:hover{background:var(--color-primary);color:var(--color-bg);transform:translateY(-2px);box-shadow:0 8px 25px #edc3c840}.matcha-selfie-trigger:active{transform:scale(.98)}.matcha-selfie-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.matcha-modal{position:fixed;inset:0;margin:auto;max-width:440px;width:calc(100% - 32px);max-height:88vh;overflow-y:auto;background:linear-gradient(165deg,#281420,#160a12);border:1px solid rgba(224,160,175,.25);border-radius:20px;box-shadow:0 25px 60px -10px #000000d9;color:#fdf6f7;padding:2rem 1.6rem;z-index:999}.matcha-modal::backdrop{background:#0a0408d1;backdrop-filter:blur(8px)}.matcha-modal-inner{position:relative;text-align:center}.matcha-modal-close{position:absolute;top:-8px;right:-6px;width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border);background:#ffffff0d;color:var(--color-muted);font-size:1rem;cursor:pointer;display:grid;place-items:center;transition:all .2s ease}.matcha-modal-close:hover{color:#fff;background:#ffffff26;transform:scale(1.08)}.matcha-modal h3{font-size:1.45rem;font-family:var(--font-display);color:var(--color-primary)}.matcha-modal-sub{font-size:.84rem;color:var(--color-muted);margin-top:.45rem;line-height:1.55}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.selfie-preview-area{margin:1.25rem auto 1rem;width:100%;min-height:200px;border-radius:12px;background:#00000040;border:1.5px dashed rgba(224,160,175,.3);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:.75rem}.selfie-preview-area.has-photos{border-style:solid;border-color:#e0a0af59;background:#00000059}.selfie-placeholder{padding:.85rem;display:flex;flex-direction:column;align-items:center;gap:.65rem;text-align:center}.selfie-icon{font-size:2.2rem}.selfie-consent{font-size:.8rem;color:#d0b8be;line-height:1.5;max-width:32ch}.selfie-previews-container{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:.85rem;max-height:300px;overflow-y:auto;padding:.25rem}.selfie-previews-container.single-photo{grid-template-columns:1fr;max-width:240px;margin:0 auto}.selfie-thumb-card{position:relative;background:#efe4d7;padding:6px 6px 16px;border-radius:4px;box-shadow:0 4px 12px #00000073;animation:polaroid-drop .3s ease both}.selfie-thumb-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:2px;display:block}.selfie-previews-container.single-photo .selfie-thumb-card img{aspect-ratio:4 / 5}.selfie-thumb-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:#a84255;color:#fff;border:1px solid rgba(255,255,255,.4);font-size:.75rem;display:grid;place-items:center;cursor:pointer;z-index:5;transition:transform .15s ease,background .15s ease}.selfie-thumb-remove:hover{background:#c93d58;transform:scale(1.15)}.matcha-modal-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-top:1.25rem}.matcha-submit-btn{width:100%;background:var(--color-primary)!important;color:#240d17!important;font-size:.95rem!important;font-weight:600!important;padding:.85rem 1.4rem!important;min-height:50px!important;border-radius:99px!important;border:1px solid var(--color-primary)!important;box-shadow:0 4px 16px #0006!important;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.matcha-submit-btn:hover{background:#fff!important;border-color:#fff!important;color:#240d17!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000080!important}.matcha-submit-btn:disabled{opacity:.65;cursor:wait;transform:none!important}.matcha-pick-btn{width:100%;background:#edc3c814!important;border:1px solid var(--color-primary)!important;color:#fff9fa!important;font-size:.9rem!important;font-weight:550!important;padding:.75rem 1.4rem!important;min-height:46px!important;border-radius:99px!important;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.matcha-pick-btn:hover{background:#edc3c833!important;border-color:#fff!important;color:#fff!important}.selfie-delete-all-btn{background:transparent;border:none;color:#e88b9c;font-size:.82rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;margin-top:.75rem;padding:.35rem;opacity:.85;transition:all .2s ease;display:inline-block}.selfie-delete-all-btn:hover{opacity:1;color:#ff9cb0}.matcha-modal-status{margin-top:.85rem;font-size:.85rem;color:var(--color-accent);min-height:1.2rem;font-family:var(--font-display);font-style:italic}.secret-polaroid-slot{display:contents}.secret-polaroid{position:relative;animation:polaroid-drop .6s cubic-bezier(.22,1,.36,1) both}.secret-polaroid-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#e6a5b2,#b8546b);color:#fff;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;padding:3px 8px;border-radius:99px;box-shadow:0 2px 8px #0006;z-index:5;pointer-events:none}.secret-polaroid-remove{position:absolute;top:10px;left:10px;width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,.2);background:#24101abf;color:#fff;font-size:.75rem;display:grid;place-items:center;cursor:pointer;z-index:8;opacity:.75;transition:all .2s ease}.secret-polaroid-remove:hover{background:#a84255;opacity:1;transform:scale(1.15);box-shadow:0 2px 8px #00000080}.button-delete{border-color:#e0788c59;color:#f7a8b8}.button-delete:hover{border-color:#e6627a;background:#e6627a26;color:#fff}@keyframes polaroid-drop{0%{opacity:0;transform:translateY(-20px) scale(.92) rotate(0)}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--tilt))}}.song-list{border-top:1px solid var(--color-border)}.song{display:grid;grid-template-columns:116px 1fr auto;align-items:center;gap:2rem;padding-block:2rem;border-bottom:1px solid var(--color-border)}.song-art{width:116px;height:116px;display:grid;place-items:center;background:#655454;color:var(--color-paper);border:1px solid #bca6a755;overflow:hidden;position:relative}.song-art:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;border:1px solid #dac0c255}.song-art span{font-family:var(--font-display);font-size:3.6rem;font-style:italic;line-height:1;padding-bottom:.2em}.song-art-1{background:#683c4b}.song-art-2{background:#4a2835}.song-info h3{font-family:var(--font-display);font-size:1.7rem}.song-artist{color:var(--color-primary);font-size:.83rem;margin-top:.1rem}.song-description{color:var(--color-muted);font-size:.89rem;max-width:48ch;margin-top:.7rem}.song-info small{display:block;color:var(--color-muted);font-size:.69rem;margin-top:.55rem}.song-actions{display:flex;flex-direction:column;align-items:center;gap:.7rem}.song.is-playing{background:#3c1e2b;border-radius:var(--radius-sm);border-color:var(--color-primary)}.audio-player-panel{margin-top:2rem;padding:1.5rem 1.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:720px;box-shadow:0 8px 25px #1b0a1240}.player-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center}.player-now-playing{display:flex;align-items:center;gap:1rem}.player-indicator{font-size:1.5rem;color:var(--color-primary);display:inline-block;animation:gentle-float 6s ease-in-out infinite}.player-kicker{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent)}.player-song-title{font-family:var(--font-display);font-size:1.22rem;color:var(--color-text);margin-top:.15rem}.player-song-artist{font-size:.84rem;color:var(--color-muted)}.player-heading button{flex-shrink:0}.audio-element{width:100%;margin-top:1.25rem;height:44px;border-radius:99px;outline:none}.player-notice{margin-top:.9rem;font-size:.84rem;color:#f7a8b8;background:#4d243255;padding:.65rem 1rem;border-radius:var(--radius-sm);border-left:3px solid var(--color-accent)}.confetti{position:absolute;bottom:5rem;left:50%;pointer-events:none}.confetti i{position:absolute;width:5px;height:9px;background:var(--color-primary);animation:confetti 1.3s ease-out both;animation-delay:var(--delay)}.confetti i:nth-child(3n){background:var(--color-accent)}.confetti i:nth-child(2n){border-radius:50%}@keyframes confetti{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}.gallery-section{padding-top:2rem}.gallery-scrapbook{margin-top:1.5rem;position:relative}.scrapbook-frame{position:relative;padding:14px;background:linear-gradient(135deg,#2d1822,#1a0c14 45%,#25131e);border-radius:20px;border:1px solid rgba(224,160,175,.14);box-shadow:0 35px 70px -15px #000000d9,0 12px 28px -5px #0009,inset 0 1px 2px #ffffff1f,inset 0 -2px 4px #0009}.scrapbook-corner{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f4c4cd,#a85869 60%,#541f2a);box-shadow:0 1px 2px #000c,inset 0 1px 1px #ffffff80;z-index:2}.scrapbook-corner.corner-tl{top:7px;left:7px}.scrapbook-corner.corner-tr{top:7px;right:7px}.scrapbook-corner.corner-bl{bottom:7px;left:7px}.scrapbook-corner.corner-br{bottom:7px;right:7px}.scrapbook-canvas{position:relative;border-radius:12px;background-color:#1a0d14;background-image:radial-gradient(ellipse 90% 40% at 50% 0%,rgba(235,160,175,.08) 0%,transparent 80%),repeating-linear-gradient(90deg,transparent 0,transparent calc(33.333% - 1px),rgba(0,0,0,.5) calc(33.333% - 1px),rgba(255,255,255,.03) 33.333%),repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0px,rgba(0,0,0,.16) 1px,transparent 1px,transparent 3px),radial-gradient(ellipse 120% 70% at 15% 35%,rgba(60,30,42,.55) 0%,transparent 60%),radial-gradient(ellipse 110% 80% at 85% 65%,rgba(50,25,36,.5) 0%,transparent 60%),linear-gradient(175deg,#23121c,#190b13 55%,#13070f);box-shadow:inset 0 4px 22px #000000d9,inset 0 0 50px #060205a6;padding:3.5rem 2.25rem}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 2.5rem;padding:1rem .65rem;align-items:start}.gallery-grid .polaroid{position:relative;transform:rotate(var(--tilt));box-shadow:0 12px 28px -4px #0000008c,0 3px 8px #00000059}.gallery-grid .polaroid:nth-child(3n+2){margin-top:1.8rem;margin-bottom:-1.8rem}.gallery-grid .polaroid:nth-child(2n) .photo-placeholder{background:#c7b5b1}.gallery-grid .polaroid:nth-child(3n) .photo-placeholder{background:#d8c7bd}.gallery-action{display:flex;justify-content:center;margin-top:clamp(1.75rem,4vw,2.5rem)}.button-prominent{max-width:100%;min-height:56px;padding:.85rem 1.5rem;gap:.75rem;font-size:.95rem;text-align:center;box-shadow:0 4px 12px #1b0a1233;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.button-prominent:hover{background:var(--color-text);box-shadow:0 7px 18px #1b0a124d}.button-prominent:active{box-shadow:0 2px 5px #1b0a1233}.gallery-add-button{padding-left:1.25rem;text-align:left}.gallery-add-icon{display:block;width:26px;height:26px;flex:0 0 26px}.gallery-note{text-align:center;margin-top:4rem;font-size:1.15rem}.polaroid.is-pinned{position:relative;overflow:visible}.polaroid-pin{position:absolute;top:-9px;left:calc(50% + var(--pin-x, 0px));transform:translate(-50%);width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff2f5,#f0a8b7 30%,#b8546b 70%,#682131);box-shadow:0 4px 8px #000000a6,0 1px 2px #00000073,inset 0 1px 1.5px #ffffffd9,inset 0 -1.5px 2px #00000080;z-index:10;pointer-events:none;transition:transform .3s ease}.polaroid-pin:before{content:"";position:absolute;top:3px;left:4px;width:5px;height:5px;border-radius:50%;background:#ffffffd9;filter:blur(.5px)}.polaroid-pin:after{content:"";position:absolute;top:8px;left:2px;width:13px;height:13px;border-radius:50%;background:#00000059;filter:blur(2px);z-index:-1}.js .gallery-grid .polaroid{opacity:0;transform:translateY(16px) rotate(var(--tilt))}.js .gallery-grid .polaroid.is-revealed{opacity:1;transform:translateY(0) rotate(var(--tilt))}.future-section{display:grid;grid-template-columns:1fr 1fr;gap:6rem}.future-section h2,.future-section h3{font-size:clamp(2.1rem,3.5vw,2.8rem);font-family:var(--font-display);font-weight:400;letter-spacing:-.045em;line-height:1.16}.future-section p{margin-top:1.25rem;color:var(--color-muted);font-size:.92rem}.curiosity ul{list-style:none;margin-top:2rem}.curiosity li{padding:1rem 0;border-top:1px solid var(--color-border);font-family:var(--font-display);font-size:1.15rem}.hopes{background:var(--color-surface);padding:2.3rem;border-radius:var(--radius-sm)}.tiny-aster{font-size:2rem;color:var(--color-primary);display:block;line-height:1;margin-bottom:1.5rem}.hopes ul{margin-top:1.75rem;list-style:none}.hopes li{display:flex;gap:.9rem;font-size:.86rem;padding-block:.5rem}.hopes li span{color:var(--color-accent)}.letter-section{background:var(--color-surface-deep);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding-bottom:7rem}.letter-wrap{width:min(700px,calc(100% - 64px));margin-inline:auto}.letter-heading{text-align:center;margin-bottom:3rem}.letter-heading h2{margin-top:1.3rem;font-size:clamp(2.8rem,5vw,4rem)}.letter-flower{display:inline-block;font-size:2.5rem;color:var(--color-accent);margin-top:1.6rem}.envelope-stage{position:relative;width:100%;margin:0 auto}.envelope-wrapper{perspective:1200px;width:100%;max-width:420px;margin:1.5rem auto 2.5rem;transition:opacity .5s ease,max-height .8s cubic-bezier(.22,1,.36,1),transform .6s ease,margin .5s ease}.envelope-card{position:relative;width:100%;height:250px;border-radius:14px;background:linear-gradient(150deg,#301322,#1a0712);box-shadow:0 16px 40px #0009,0 0 0 1.5px #e0a0af4d;cursor:pointer;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease}.envelope-card:hover{transform:translateY(-6px);box-shadow:0 24px 52px #000000b3,0 0 28px #e0a0af59,0 0 0 2px #e0a0afa6}.envelope-card:hover .envelope-flap{border-bottom-color:#e0a0afb3}.envelope-card:hover .wax-seal{transform:translate(-50%,-50%) scale(1.15)}.envelope-card:hover .seal-body{box-shadow:0 12px 30px #000000bf,inset 0 2px 5px #ffffff73,inset 0 -4px 8px #0009,0 0 0 3px #ffd6e0cc,0 0 25px #e0a0afa6}.envelope-back{position:absolute;inset:0;border-radius:12px;background:#1d0914;overflow:hidden}.letter-peek{position:absolute;top:14px;left:20px;right:20px;height:170px;background:#efe4d8;border-radius:6px 6px 0 0;box-shadow:inset 0 2px 8px #00000026;display:flex;flex-direction:column;gap:12px;padding:24px 20px;transition:transform .6s cubic-bezier(.22,1,.36,1)}.envelope-stage.is-opening .letter-peek{transform:translateY(-90px)}.peek-line{height:5px;background:#8c646e33;border-radius:3px;width:90%}.peek-line.short{width:60%}.envelope-pocket{position:absolute;inset:0;border-radius:12px;overflow:hidden;z-index:3;pointer-events:none}.pocket-left{position:absolute;inset:0;clip-path:polygon(0 0,0 100%,50% 50%);background:#220c18}.pocket-right{position:absolute;inset:0;clip-path:polygon(100% 0,100% 100%,50% 50%);background:#1f0a15}.pocket-bottom{position:absolute;inset:0;clip-path:polygon(0 100%,100% 100%,50% 48%);background:#2a101e;box-shadow:0 -4px 16px #00000073}.envelope-address{position:absolute;bottom:22px;left:0;width:100%;text-align:center;z-index:4}.address-to{display:block;font-family:var(--font-display);font-size:1.3rem;font-style:italic;color:var(--color-primary);letter-spacing:.03em;text-shadow:0 2px 8px rgba(0,0,0,.6)}.address-from{display:block;font-size:.7rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.15em;margin-top:3px}.envelope-flap{position:absolute;top:0;left:0;width:100%;height:130px;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(180deg,#3a1526,#290f1d);border-bottom:1px solid rgba(224,160,175,.35);transform-origin:top center;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.34,1.15,.64,1),z-index .1s step-end;z-index:5;box-shadow:0 6px 16px #0006}.envelope-stage.is-opening .envelope-flap,.envelope-stage.is-open .envelope-flap{transform:rotateX(180deg);z-index:1}.wax-seal{position:absolute;top:130px;left:50%;transform:translate(-50%,-50%);z-index:10;background:none;border:none;padding:0;cursor:pointer;width:72px;height:72px;display:grid;place-items:center;transition:transform .35s cubic-bezier(.34,1.5,.64,1),opacity .3s ease}.wax-seal:hover{transform:translate(-50%,-50%) scale(1.18)}.wax-seal:focus-visible{outline:3px solid #fff;outline-offset:5px;border-radius:50%}.seal-body{width:66px;height:66px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#bf2649,#7d1428 65%,#420813);box-shadow:0 6px 18px #0009,inset 0 2px 4px #ffffff4d,inset 0 -3px 6px #00000080,0 0 0 2px #e0a0af66;display:grid;place-items:center;position:relative;transition:box-shadow .3s ease}.wax-seal:hover .seal-body{box-shadow:0 8px 24px #000000b3,inset 0 2px 4px #fff6,inset 0 -3px 6px #00000080,0 0 0 2px var(--color-primary),0 0 16px #e0a0af59}.seal-rim{width:48px;height:48px;border-radius:50%;border:1px dashed rgba(255,220,228,.65);display:grid;place-items:center}.seal-initial{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff2f5;text-shadow:0 1px 3px rgba(0,0,0,.9);line-height:1}.seal-glow{position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(224,160,175,.4);opacity:0;animation:seal-pulse 3s ease-in-out infinite;pointer-events:none}@keyframes seal-pulse{0%{transform:scale(.95);opacity:.6}50%{transform:scale(1.18);opacity:0}to{transform:scale(1.18);opacity:0}}.envelope-stage.is-opening .wax-seal{transform:translate(-50%,-50%) scale(1.2);opacity:0;pointer-events:none}.envelope-action{margin-top:1.75rem;display:flex;justify-content:center;width:100%}.envelope-action-btn{display:inline-flex;align-items:center;gap:.65rem;padding:.75rem 1.6rem;min-height:46px;border-radius:99px;background:#edc3c80f;border:1px solid var(--color-border);color:var(--color-text);font-size:.88rem;font-weight:500;letter-spacing:.03em;cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 14px #0000004d}.envelope-action-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#240d17;transform:translateY(-2px);box-shadow:0 6px 20px #e0a0af59}.envelope-btn-arrow{display:inline-block;font-size:.9rem;transition:transform .2s ease}.envelope-action-btn:hover .envelope-btn-arrow{transform:translateY(2px)}.js .envelope-stage.is-open .envelope-wrapper{max-height:0;opacity:0;margin:0;pointer-events:none;transform:translateY(-20px) scale(.92);overflow:hidden}.letter-sheet{width:100%}.js .letter-sheet{max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(28px) scale(.97);transition:max-height .9s cubic-bezier(.22,1,.36,1),opacity .65s ease,transform .75s cubic-bezier(.22,1,.36,1)}.js .envelope-stage.is-open .letter-sheet{max-height:4000px;opacity:1;overflow:visible;pointer-events:auto;transform:translateY(0) scale(1)}.letter-paper{background:linear-gradient(180deg,#26101ad9,#1a0a12f5);border:1px solid rgba(224,160,175,.24);border-radius:14px;padding:clamp(2rem,5vw,3.8rem);box-shadow:0 16px 44px #0000008c,inset 0 1px #ffffff0f;position:relative}.letter-watermark{position:absolute;top:1.5rem;right:2rem;font-size:.74rem;color:#e0a0af66;letter-spacing:.08em;font-family:var(--font-display);font-style:italic}.letter-body{font-size:1rem;line-height:1.95;color:#e3cdd0}.letter-body p+p{margin-top:1.5rem}.letter-body .salutation{font-family:var(--font-display);color:var(--color-text);font-size:1.7rem;font-style:italic;margin-bottom:1.75rem}.letter-body .letter-closing{color:var(--color-primary);font-family:var(--font-display);font-size:1.7rem;line-height:1.55;white-space:pre-line;margin-top:2.5rem}.signature{margin-top:3rem;color:var(--color-text)}.signature p{font-size:.8rem}.signature span{display:block;font-family:var(--font-display);font-size:2.7rem;font-style:italic;line-height:1.5}.letter-fold-action{display:flex;justify-content:center;margin-top:3.5rem;padding-top:2rem;border-top:1px dashed rgba(224,160,175,.2)}.fold-letter-btn{background:transparent;border:1px solid rgba(224,160,175,.3);color:var(--color-muted);padding:.65rem 1.4rem;border-radius:99px;font-size:.84rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.fold-letter-btn:hover{border-color:var(--color-primary);color:#fff9fa;background:#edc3c81a;transform:translateY(-2px)}html:not(.js) .envelope-wrapper{display:none!important}html:not(.js) .letter-sheet{max-height:none!important;opacity:1!important;transform:none!important}.footer{padding-block:4rem 2rem;border-top:1px solid var(--color-border)}.footer-love{font-family:var(--font-display);font-size:1.7rem;color:var(--color-primary);text-align:center}.visitor-counter{display:flex;justify-content:center;align-items:baseline;gap:.35rem;margin-top:1rem;color:var(--color-muted);font-size:.78rem;text-align:center}.visitor-counter>span{color:var(--color-primary);font-size:1rem}.visitor-counter strong{color:var(--color-text);font-variant-numeric:tabular-nums}.footer>div{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border);font-size:.7rem;color:var(--color-muted)}.footer a{display:inline-flex;min-height:44px;align-items:center}.js .reveal-on-scroll{opacity:0;transform:translateY(12px);transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.js .reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.observation{transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}.observation:hover{transform:translateY(-3px);border-color:var(--color-accent);box-shadow:0 10px 24px #1b0a1244}.likes-list li{transition:padding-left .4s ease,border-color .4s ease}.likes-list li:hover{padding-left:3.1rem;border-color:var(--color-primary)}.small-memories article{transition:transform .35s ease}.small-memories article:hover{transform:translateY(-2px)}.gallery-grid .polaroid{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}.gallery-grid .polaroid:hover{transform:rotate(0) translateY(-8px) scale(1.025);box-shadow:0 24px 48px -6px #000000bf,0 8px 16px #00000073;z-index:12}.gallery-grid .polaroid:hover .polaroid-pin{transform:translate(-50%) scale(1.08)}.signature span{display:inline-block;transition:transform .45s ease,color .45s ease}.signature span:hover{transform:scale(1.05) rotate(-1.5deg);color:var(--color-primary)}}@media(prefers-reduced-motion:no-preference){.birthday-greeting{animation:unwrap 1s cubic-bezier(.22,1,.36,1)}@keyframes unwrap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.keepsake-sheet{animation:gentle-float 10s ease-in-out infinite}@keyframes gentle-float{0%,to{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3.8deg) translateY(-5px)}}.flower-mark,.letter-flower,.tiny-aster,.sweet-mark{display:inline-block;animation:flower-breathe 6.5s ease-in-out infinite;transform-origin:center}@keyframes flower-breathe{0%,to{opacity:.78;transform:scale(1)}50%{opacity:1;transform:scale(1.06);filter:drop-shadow(0 0 5px rgba(237,195,200,.35))}}.gift:not([open])>summary.button{animation:pulse-invite 4.5s ease-in-out infinite}@keyframes pulse-invite{0%,to{box-shadow:0 0 #edc3c873}50%{box-shadow:0 0 0 9px #edc3c800}}.day-option.is-selected .day-opt-marker{animation:heartPop .48s cubic-bezier(.22,1,.36,1.2)}@keyframes heartPop{0%{transform:scale(.5)}50%{transform:scale(1.3)}to{transform:scale(1)}}.day-step-content{animation:stepFade .55s cubic-bezier(.22,1,.36,1)}@keyframes stepFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.flow-card{animation:flowCascade .65s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--flow-idx, 0) * .14s)}.flow-arrow{animation:flowCascade .65s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc((var(--flow-idx, 0) + .5) * .14s)}@keyframes flowCascade{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}}@media(max-width:1023px){.intro-stage{gap:2.5rem}.keepsake{width:88%}.keepsake-sheet{min-height:360px}.keepsake-letter{font-size:9rem}.observations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.likes-section,.future-section{gap:3rem}.scrapbook-canvas{padding:2.75rem 1.6rem}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.8rem}.gallery-grid .polaroid:nth-child(3n+2){margin:0}.gallery-grid .polaroid:nth-child(2n){margin-top:1rem;margin-bottom:-1rem}.song{gap:1.5rem}}@media(max-width:767px){.wrap{width:calc(100% - 40px)}.opening-top{padding-top:1.25rem;font-size:.6rem;letter-spacing:.04em}.intro-stage{grid-template-columns:1fr;min-height:calc(100svh - 135px);gap:2rem;padding-block:3rem}.intro-copy{position:relative;z-index:1}.intro-preface{font-size:clamp(2.8rem,9.8vw,4.5rem);max-width:12ch;margin-bottom:1.75rem}.birthday-greeting h1{font-size:clamp(3rem,10vw,4.3rem)}.birthday-greeting>p{font-size:1rem}.keepsake{position:absolute;width:100px;top:5rem;right:2rem;opacity:.65;pointer-events:none}.keepsake-sheet{min-height:125px;padding:.65rem}.keepsake-sheet:before{inset:5px}.keepsake-letter{font-size:3.6rem;margin:0}.sheet-date{font-size:.3rem}.sheet-caption{font-size:.36rem}.flower-mark{font-size:1.2rem;top:23px;left:12px}.keepsake-underlay{inset:3px -4px -3px 3px}.intro-copy{padding-top:3.7rem}.opening-nav{min-height:64px;gap:.6rem}.opening-nav>span{font-size:1rem}.opening-nav>div{display:flex;gap:1.1rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:100%;padding-block:.4rem}.opening-nav>div::-webkit-scrollbar{display:none}.opening-nav a{font-size:.68rem;flex-shrink:0;white-space:nowrap}.section-heading{margin-bottom:2.5rem}.section-heading p{font-size:.94rem}.observations-grid{grid-template-columns:1fr;gap:.8rem}.observation{padding:1.5rem}.observation h3{margin-top:.5rem}.likes-section{grid-template-columns:1fr;gap:2.5rem}.likes-intro h2{max-width:15ch}.quiet-flower{display:none}.likes-list li{padding-left:2.2rem}.bouquet-memory{grid-template-columns:1fr;gap:3rem;margin-top:3rem}.bouquet-visual{width:min(100%,420px);margin-inline:auto}.bouquet-copy h3{font-size:2.1rem}.small-memories{grid-template-columns:1fr;gap:2.5rem;margin-top:3rem}.polaroid{transform:none}.song{grid-template-columns:70px 1fr;gap:1rem;align-items:start}.song-art{width:70px;height:80px}.song-art:before{width:58px;height:58px}.song-art span{font-size:2.7rem}.song-info h3{font-size:1.5rem}.song-actions{grid-column:2;flex-direction:row;flex-wrap:wrap;gap:.7rem 1rem}.song-actions .button{min-height:44px;padding:.5rem 1.1rem}.audio-player-panel,.player-panel{padding:1.25rem 1rem}.player-heading{align-items:start;flex-direction:column;gap:.75rem}.day-options{grid-template-columns:1fr;gap:.75rem}.day-option{min-height:56px;padding:.95rem 1.15rem;font-size:.94rem}.day-prompt{font-size:1.35rem}.day-flow{max-width:100%}.day-actions{flex-direction:column;width:100%}.day-actions .button{width:100%}.scrapbook-frame{padding:8px;border-radius:16px}.scrapbook-canvas{padding:2.2rem .85rem;border-radius:10px}.gallery-grid{grid-template-columns:1fr;gap:2rem;padding:0 .4rem;max-width:430px;margin-inline:auto}.gallery-grid .polaroid:nth-child(n){margin:0}.gallery-grid .polaroid{transform:rotate(calc(var(--tilt) * .7))}.js .gallery-grid .polaroid{transform:translateY(14px) rotate(calc(var(--tilt) * .7))}.js .gallery-grid .polaroid.is-revealed{transform:translateY(0) rotate(calc(var(--tilt) * .7))}.gallery-note{margin-top:2.5rem}.future-section{grid-template-columns:1fr;gap:3rem}.hopes{padding:1.75rem}.letter-wrap{width:calc(100% - 44px)}.letter-heading .eyebrow{font-size:.62rem;letter-spacing:.12em}.letter-body{font-size:.96rem}.envelope-card{height:220px}.envelope-flap{height:115px}.wax-seal{top:115px;width:64px;height:64px}.seal-body{width:64px;height:64px}.seal-rim{width:46px;height:46px}.seal-initial{font-size:1.3rem}.envelope-action-btn{width:100%;max-width:300px;justify-content:center}.letter-paper{padding:1.85rem 1.25rem}.letter-watermark{display:none}.footer>div{flex-direction:column;gap:.6rem;margin-top:2rem}}@media(max-width:389px){.opening-nav>span{display:none}.opening-nav>div{width:100%;gap:.85rem}.opening-nav a{font-size:.65rem}.keepsake{right:1.8rem;width:84px;top:4.1rem}.keepsake-sheet{min-height:105px}.keepsake-letter{font-size:3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.button:active{transform:none}.confetti{display:none}.envelope-wrapper,.letter-sheet,.envelope-flap,.wax-seal,.letter-peek{transition:none!important;animation:none!important}.js .reveal-on-scroll{opacity:1!important;transform:none!important;transition:none!important}}