@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Dancing+Script:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--paper-cream:#f5f0e6;--paper-beige:#e8e0d1;--paper-aged:#d4cbb8;--paper-shadow:#00000026;--font-heading:"Playfair Display", Georgia, serif;--font-caption:"Dancing Script", cursive;--font-body:"Inter", system-ui, sans-serif;--era-baby:#ffb7b2;--era-kids:#b5ead7;--era-teen:#c7ceea;--era-adult:#ffdac1;--era-now:#e2f0cb;--shadow-soft:0 4px 20px #0000001a;--shadow-medium:0 8px 30px #00000026;--shadow-deep:0 15px 40px #0003;--noise-opacity:.03}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;display:flex}#root{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.app{justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex}.scrapbook-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.scrapbook{box-shadow:var(--shadow-deep);border-radius:4px}.page{background:var(--paper-cream);background-image:url(/assets/cream-linen-paper-OAxFFwcv.png), linear-gradient(180deg, var(--paper-cream) 0%, var(--paper-beige) 100%);background-blend-mode:multiply;background-size:cover,100% 100%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset -10px 0 20px #0000000d}.page:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#0000001a 100%);width:20px;height:100%;position:absolute;top:0;right:0}.page:nth-child(2n):after{background:linear-gradient(90deg,#0000 0%,#00000014 100%);right:0}.page:nth-child(odd):after{background:linear-gradient(-90deg,#0000 0%,#00000014 100%);left:0}.cover-page{text-align:center;color:#f5f0e6;background:linear-gradient(145deg,#2c1810 0%,#4a2c1a 50%,#2c1810 100%);flex-direction:column;justify-content:center;align-items:center;display:flex}.cover-content{padding:2rem}.cover-title{font-family:var(--font-heading);text-shadow:2px 2px 4px #00000080;margin-bottom:.5rem;font-size:3rem;font-weight:700;animation:1s ease-out fadeIn}.cover-subtitle{font-family:var(--font-caption);color:#d4cbb8;font-size:1.8rem;animation:1.2s ease-out fadeIn}.cover-decoration{margin-top:2rem}.cover-year{font-family:var(--font-heading);color:#8b7355;letter-spacing:.3em;font-size:1.2rem}.back-cover{color:#d4cbb8;background:linear-gradient(145deg,#2c1810 0%,#4a2c1a 50%,#2c1810 100%);justify-content:center;align-items:center;display:flex}.back-cover-content{text-align:center}.back-cover-text{font-family:var(--font-caption);font-size:1.8rem}.back-cover-hearts{margin-top:1rem;font-size:2rem}.era-content{flex-direction:column;height:100%;padding:1.5rem;display:flex;overflow:hidden}.era-header{text-align:center;margin-bottom:1rem}.era-title{font-family:var(--font-heading);color:#2c1810;margin-bottom:.25rem;font-size:2rem;font-weight:600;transform:rotate(-.5deg)}.era-age{font-family:var(--font-caption);margin-bottom:.5rem;font-size:1.2rem}.photo-grid{flex:1;align-content:start;gap:.75rem;padding:.5rem;display:grid}.photo-grid[data-count="1"]{grid-template-columns:1fr;max-width:280px;margin:0 auto}.photo-grid[data-count="2"]{grid-template-columns:repeat(2,1fr)}.photo-grid[data-count="3"]{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,1fr)}.photo-grid[data-count="3"] .photo-cell:first-child{grid-column:span 2;max-width:320px;margin:0 auto}.photo-grid[data-count="4"]{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.photo-cell{justify-content:center;align-items:center;display:flex}.polaroid-frame{box-shadow:var(--shadow-medium);background:#fff;padding:10px 10px 35px;transition:transform .3s,box-shadow .3s;position:relative}.polaroid-frame:hover{box-shadow:var(--shadow-deep);z-index:10;transform:rotate(0)scale(1.03)}.polaroid-frame .photo{width:100%;height:auto;display:block}.polaroid-inner{position:relative}.simple-frame{box-shadow:var(--shadow-soft);background:#fff;padding:8px;transition:transform .3s}.simple-frame:hover{transform:rotate(0)scale(1.02)}.simple-frame .photo{width:100%;height:auto;display:block}.torn-frame{padding:5px;position:relative}.torn-frame .photo{width:100%;height:auto;box-shadow:var(--shadow-soft);display:block}.torn-edge{background:linear-gradient(90deg, var(--paper-cream) 0%, transparent 50%, var(--paper-cream) 100%);width:15px;position:absolute;top:0;bottom:0}.torn-edge.left{background:linear-gradient(90deg, var(--paper-cream) 0%, transparent 100%);left:0}.torn-edge.right{background:linear-gradient(90deg, transparent 0%, var(--paper-cream) 100%);right:0}.tape-frame{position:relative}.tape-frame .photo{width:100%;height:auto;box-shadow:var(--shadow-soft);display:block}.tape{z-index:5;background:linear-gradient(#ffffc8cc 0%,#ffffb4b3 100%);width:60px;height:20px;position:absolute;left:50%;transform:translate(-50%)}.tape.tape-top{top:-10px}.tape.tape-bottom{bottom:-10px}.vintage-frame{background:linear-gradient(var(--paper-cream), var(--paper-cream)) padding-box, linear-gradient(135deg, #8b7355 0%, #a69076 50%, #8b7355 100%) border-box;box-shadow:var(--shadow-medium);border:12px solid #0000;padding:0}.vintage-frame .photo{width:100%;height:auto;display:block}.era-caption{font-family:var(--font-body);color:#3d3229;text-align:center;border-top:1px dashed var(--paper-aged);margin-top:auto;padding-top:.75rem;font-size:.85rem;line-height:1.5}.relative .relative .font-\[\'Dancing_Script\'\]{font-family:var(--font-caption)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.app{padding:10px}.cover-title{font-size:2rem}.era-title{font-size:1.5rem}.era-content{padding:1rem}.photo-grid{gap:.5rem}}.stf__wrapper{perspective:2000px}.stf__item{transform-style:preserve-3d}.loading{height:100vh;font-family:var(--font-caption);color:#f5f0e6;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.gift-button-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.dear-me-section{text-align:center;border-top:2px dashed #d4a5a54d;margin-top:auto;padding-top:1.5rem}.floating-necklace{animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.photo-cell{transition:transform .3s}.photo-cell:hover{z-index:10}.page-flip-enter{opacity:0;transform:scale(.95)}.page-flip-enter-active{opacity:1;transition:opacity .5s,transform .5s;transform:scale(1)}.page-flip-exit{opacity:1}.page-flip-exit-active{opacity:0;transition:opacity .3s}