@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Inter:wght@300;400;500&family=Dancing+Script:wght@400;500;600;700&display=swap";.hero{background:linear-gradient(180deg, var(--warm-white) 0%, var(--pink-light) 100%);justify-content:center;align-items:center;min-height:100vh;padding:80px 20px 60px;display:flex;position:relative;overflow:hidden}.hero-bg-shapes{transition:transform .3s ease-out;position:absolute;inset:0}.shape{opacity:.15;border-radius:50%;position:absolute}.shape-1{background:var(--lavender);width:300px;height:300px;animation:8s ease-in-out infinite float;top:10%;left:-5%}.shape-2{background:var(--pink-medium);width:200px;height:200px;animation:6s ease-in-out infinite reverse float;top:60%;right:-3%}.shape-3{background:var(--mint);width:150px;height:150px;animation:10s ease-in-out infinite float;bottom:10%;left:20%}.shape-4{background:var(--peach);width:250px;height:250px;animation:7s ease-in-out infinite reverse float;top:5%;right:15%}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.05)}}.hero-doodles{pointer-events:none;position:absolute;inset:0}.doodle{opacity:.4;animation:3s ease-in-out infinite twinkle;position:absolute}.doodle-star{color:var(--rose-gold);font-size:1.5rem;animation-delay:0s;top:15%;left:10%}.doodle-heart{color:var(--pink-dark);font-size:2rem;animation-delay:.5s;top:25%;right:12%}.doodle-flower{color:var(--pink-medium);font-size:1.8rem;animation-delay:1s;bottom:30%;left:8%}.doodle-sparkle{color:var(--lavender);font-size:1.2rem;animation-delay:1.5s;top:40%;left:25%}.doodle-butterfly{font-size:1.6rem;animation-delay:2s;bottom:20%;right:15%}.doodle-star2{color:var(--rose-gold);font-size:2rem;animation-delay:.8s;top:10%;right:30%}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)rotate(0)}50%{opacity:.7;transform:scale(1.2)rotate(10deg)}}.hero-content{text-align:center;z-index:2;position:relative}.hero-title{color:var(--pink-dark);text-shadow:2px 2px 20px #e8758b33;margin-bottom:12px;font-size:clamp(3rem,8vw,6rem);line-height:1.1}.hero-subtitle{color:var(--rose-gold);margin-bottom:50px;font-size:clamp(1.3rem,3vw,2rem)}.hero-polaroid-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:50px;display:flex}.hero-pol-1{z-index:1;transform:rotate(-5deg)}.hero-pol-2{z-index:2;transform:rotate(2deg)translateY(-10px)}.hero-pol-3{z-index:1;transform:rotate(4deg)}.hero-polaroid-group .polaroid{cursor:pointer;width:200px;transition:box-shadow .3s}.hero-polaroid-group .polaroid:hover{box-shadow:0 8px 30px #e8758b40}.hero-polaroid-group .polaroid img{object-fit:cover;border-radius:2px;height:200px}.polaroid-caption{color:var(--brown-ink);white-space:nowrap;opacity:.8;font-size:1rem;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.hero-scroll-hint{color:var(--rose-gold);opacity:.6;flex-direction:column;align-items:center;gap:4px;font-size:.95rem;display:flex}@media (width<=768px){.hero-polaroid-group .polaroid{width:160px}.hero-polaroid-group .polaroid img{height:160px}.hero-polaroid-group{gap:12px}.hero{padding:80px 16px 40px}.hero-doodles .doodle{display:none}.shape-1,.shape-2,.shape-3,.shape-4{opacity:.08}}@media (width<=400px){.hero-polaroid-group{flex-direction:column;align-items:center;gap:20px;position:relative}.hero-pol-1{align-self:flex-start;margin-left:20px;transform:rotate(-6deg)!important}.hero-pol-2{align-self:flex-end;margin-right:20px;transform:rotate(4deg)!important}.hero-pol-3{align-self:flex-start;margin-left:40px;transform:rotate(-3deg)!important}.hero-polaroid-group .polaroid{width:180px;position:relative}.hero-polaroid-group .polaroid:before{content:"";background:#4a32284d;width:1px;height:20px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.hero-polaroid-group .polaroid:after{content:"";background:var(--pink-medium);border-radius:50%;width:8px;height:8px;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #00000026}.hero-polaroid-group .polaroid img{height:180px}}.gallery{background:var(--warm-white);padding:80px 40px 100px;position:relative}.section-divider{height:80px;position:absolute;top:-1px;left:0;right:0;overflow:hidden}.section-divider svg{width:100%;height:100%}.gallery-header{text-align:center;margin-bottom:60px;position:relative}.gallery-header h2{color:var(--pink-dark);margin-bottom:8px;font-size:clamp(2.5rem,5vw,4rem)}.gallery-header p{color:var(--rose-gold);font-size:1.4rem}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:40px;max-width:1100px;margin:0 auto;display:grid}.gallery-item{cursor:pointer;transition:box-shadow .3s;position:relative}.gallery-item .polaroid img,.gallery-item .polaroid video{object-fit:cover;border-radius:2px;height:250px}.gallery-item-0{margin-top:30px}.gallery-item-1{margin-top:-10px}.gallery-item-2{margin-top:50px}.gallery:after{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(#0000,#0000 38px,#e8758b0d 38px 40px);position:absolute;inset:100px 50px}.gallery-grid{z-index:1;position:relative}@media (width<=900px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:25px}}@media (width<=600px){.gallery{padding:60px 20px 80px}.gallery-grid{grid-template-columns:1fr 1fr;gap:20px;max-width:100%}.gallery-item .polaroid img,.gallery-item .polaroid video{height:150px}.gallery-item-0{margin-top:20px}.gallery-item-1{margin-top:-5px}.gallery-item-2{margin-top:30px}}.film-strip-section{background:var(--brown-ink);padding:80px 0;position:relative;overflow:hidden}.film-strip-header{text-align:center;margin-bottom:40px;padding:0 20px}.film-strip-header h2{color:var(--cream);margin-bottom:6px;font-size:clamp(2.2rem,4vw,3.5rem)}.film-strip-header p{color:var(--pink-medium);opacity:.8;font-size:1.3rem}.film-strip-container{padding:20px 0;position:relative}.film-perforations{justify-content:center;gap:30px;padding:0 40px;display:flex;overflow:hidden}.perf-hole{background:var(--brown-ink);border:2px solid #fff8f033;border-radius:3px;flex-shrink:0;width:16px;height:16px}.film-perf-top{margin-bottom:16px}.film-perf-bottom{margin-top:16px}.film-strip-track{will-change:transform;gap:20px;padding:0 60px;display:flex}.film-frame{cursor:pointer;background:#ffffff08;border:1px solid #fff8f01a;border-radius:4px;flex-shrink:0;width:280px;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.film-frame:hover{border-color:var(--pink-medium);transform:scale(1.02)}.film-frame video{object-fit:cover;filter:saturate(.9);width:100%;height:200px;transition:filter .3s;display:block}.film-frame:hover video{filter:saturate(1.1)}.film-label{text-align:center;color:#fff8f080;letter-spacing:.1em;padding:10px;font-family:Caveat,cursive;font-size:1rem;display:block}@media (width<=768px){.film-strip-section{padding:60px 0}.film-frame{width:220px}.film-frame video{height:160px}.perf-hole{width:12px;height:12px}.film-perforations{gap:20px}}@media (width<=500px){.film-frame{width:180px}.film-frame video{height:130px}}.envelopes-section{background:linear-gradient(180deg, var(--warm-white) 0%, var(--cream) 100%);padding:100px 40px;position:relative}.envelopes-header{text-align:center;margin-bottom:60px}.envelopes-header h2{color:var(--pink-dark);margin-bottom:6px;font-size:clamp(2.5rem,5vw,4rem)}.envelopes-header p{color:var(--rose-gold);font-size:1.3rem}.envelopes-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:50px 30px;max-width:900px;margin:0 auto;display:grid}.envelope-wrapper{justify-content:center;padding-top:100px;display:flex}.envelope{cursor:pointer;perspective:800px;width:220px;height:150px;position:relative}.envelope-body{width:100%;height:100%;position:relative}.envelope-front{background:var(--env-color);z-index:2;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .4s;display:flex;position:relative;box-shadow:0 4px 20px #00000014}.envelope:hover .envelope-front{transform:translateY(-3px)}.envelope-flap{background:var(--env-color);clip-path:polygon(0 0,50% 60%,100% 0);filter:brightness(.92);z-index:3;transform-origin:top;height:75px;transition:transform .5s;position:absolute;top:0;left:0;right:0}.envelope.opened .envelope-flap{transform:rotateX(180deg)}.envelope-hint{color:var(--brown-ink);opacity:.5;margin-top:20px;font-size:1rem}.envelope-letter{z-index:4;text-align:center;background:#fff;border-radius:4px;min-height:100px;padding:24px 18px;position:absolute;top:10px;left:10px;right:10px;box-shadow:0 4px 15px #0000001a}.letter-message{color:var(--brown-ink);margin-bottom:12px;font-size:1.15rem;line-height:1.5}.letter-from{color:var(--rose-gold);font-size:1.1rem;display:block}@media (width<=600px){.envelopes-section{padding:70px 20px}.envelopes-grid{grid-template-columns:1fr;gap:50px}.envelope{width:200px;height:140px}}.memories{background:linear-gradient(180deg, var(--warm-white) 0%, var(--cream) 100%);padding:100px 40px;position:relative;overflow:hidden}.memories-bg-pattern{background-image:radial-gradient(circle at 20% 30%, var(--lavender) 1px, transparent 1px), radial-gradient(circle at 80% 70%, var(--pink-light) 1px, transparent 1px), radial-gradient(circle at 50% 50%, var(--mint) .5px, transparent .5px);opacity:.4;pointer-events:none;background-size:80px 80px,90px 90px,60px 60px;position:absolute;inset:0}.memories-header{text-align:center;z-index:1;margin-bottom:60px;position:relative}.memories-header h2{color:var(--pink-dark);margin-bottom:8px;font-size:clamp(2.5rem,5vw,4rem)}.memories-header p{color:var(--rose-gold);font-size:1.4rem}.memories-grid{z-index:1;flex-direction:column;gap:30px;max-width:600px;margin:0 auto;display:flex;position:relative}.memory-card{cursor:default;position:relative}.card-left{align-self:flex-start}.card-right{align-self:flex-end}.memory-card-inner{box-shadow:0 4px 20px var(--paper-shadow), 0 1px 4px #0000000a;background:#fff;border-radius:4px;padding:24px 28px;position:relative}.memory-pin{z-index:2;border-radius:50%;width:16px;height:16px;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #00000026}.pin-shine{background:#fff9;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;left:3px}.memory-emoji{margin-bottom:8px;font-size:1.8rem;display:block}.memory-card-inner h3{color:var(--pink-dark);margin-bottom:8px;font-size:1.6rem}.memory-card-inner p{color:var(--brown-ink);opacity:.85;font-size:.95rem;line-height:1.6}.memories-doodles span{opacity:.25;color:var(--pink-dark);font-size:1.5rem;animation:4s ease-in-out infinite twinkle;position:absolute}@media (width<=600px){.memories{padding:60px 20px}.memory-card-inner{padding:18px 20px}}.scratch-section{background:var(--cream);padding:100px 40px;position:relative}.scratch-header{text-align:center;margin-bottom:50px}.scratch-header h2{color:var(--pink-dark);margin-bottom:6px;font-size:clamp(2.5rem,5vw,4rem)}.scratch-header p{color:var(--rose-gold);font-size:1.3rem}.scratch-grid{flex-wrap:wrap;justify-content:center;gap:30px;max-width:800px;margin:0 auto;display:flex}.scratch-card{width:220px}.scratch-card-inner{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;height:140px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f}.scratch-hidden{color:var(--brown-ink);text-align:center;z-index:1;font-size:1.15rem;line-height:1.4;position:relative}.scratch-overlay{z-index:2;cursor:crosshair;border-radius:12px;transition:opacity .5s;position:absolute;inset:0}.scratch-overlay.revealed{opacity:0;pointer-events:none}@media (width<=600px){.scratch-section{padding:70px 20px}.scratch-grid{flex-direction:column;align-items:center}.scratch-card{width:260px}.scratch-card-inner{height:120px}}.sticker-board-section{background:linear-gradient(180deg, var(--cream) 0%, var(--warm-white) 100%);padding:100px 40px}.sticker-board-header{text-align:center;margin-bottom:40px}.sticker-board-header h2{color:var(--pink-dark);margin-bottom:6px;font-size:clamp(2.5rem,5vw,4rem)}.sticker-board-header p{color:var(--rose-gold);font-size:1.3rem}.sticker-board{background:#e8cfc2;border-radius:8px;max-width:550px;height:320px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000014,inset 0 1px #ffffff4d}.board-texture{pointer-events:none;background-image:radial-gradient(circle at 30% 40%,#00000005 1px,#0000 1px),radial-gradient(circle at 70% 60%,#00000005 1px,#0000 1px);background-size:15px 15px,18px 18px;position:absolute;inset:0}.draggable-sticker{cursor:grab;-webkit-user-select:none;user-select:none;z-index:1;touch-action:none;border-radius:6px;padding:8px 16px;transition:box-shadow .2s,transform .1s;position:absolute;box-shadow:0 2px 8px #0000001a}.draggable-sticker:hover{z-index:10;box-shadow:0 4px 15px #00000026}.draggable-sticker.dragging{cursor:grabbing;z-index:100;box-shadow:0 8px 25px #0003;transform:rotate(0)scale(1.1)!important}.draggable-sticker span{color:var(--brown-ink);white-space:nowrap;font-size:1rem;font-weight:600}@media (width<=600px){.sticker-board-section{padding:70px 20px}.sticker-board{max-width:100%;height:280px}.draggable-sticker{padding:6px 12px}.draggable-sticker span{font-size:.85rem}}.photobooth-section{background:var(--warm-white);justify-content:center;align-items:center;gap:60px;padding:100px 40px;display:flex;position:relative;overflow:hidden}.photobooth-bg{pointer-events:none;background:radial-gradient(#e8d5f526 0%,#0000 60%);position:absolute;inset:0}.photobooth-strip{background:#fff;border-radius:4px;flex-shrink:0;width:200px;padding:16px 14px 20px;position:relative;box-shadow:0 8px 40px #00000014,0 2px 8px #0000000a}.strip-header{border-bottom:1px dashed #0000001a;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.strip-title{color:var(--pink-dark);font-size:1rem}.strip-date{color:var(--brown-ink);opacity:.4;font-size:.85rem}.strip-frame{margin-bottom:10px;position:relative}.strip-frame img{object-fit:cover;border-radius:2px;width:100%;height:130px;display:block}.strip-caption{text-align:center;color:var(--brown-ink);opacity:.6;margin-top:4px;font-size:.85rem;display:block}.strip-footer{border-top:1px dashed #0000001a;justify-content:space-between;align-items:center;margin-top:12px;padding-top:8px;display:flex}.strip-barcode{background:repeating-linear-gradient(90deg, var(--brown-ink) 0px, var(--brown-ink) 2px, transparent 2px, transparent 4px);opacity:.3;border-radius:1px;width:50px;height:16px}.strip-text{color:var(--brown-ink);opacity:.4;font-family:Caveat,cursive;font-size:.8rem}.photobooth-text{text-align:left;z-index:1;position:relative}.photobooth-text h2{color:var(--pink-dark);margin-bottom:8px;font-size:clamp(2rem,4vw,3.5rem)}.photobooth-text p{color:var(--rose-gold);font-size:1.3rem}@media (width<=768px){.photobooth-section{flex-direction:column;gap:30px;padding:70px 20px}.photobooth-text{text-align:center;order:-1}.photobooth-strip{width:180px}.strip-frame img{height:110px}}.video-wall{background:var(--cream);padding:100px 40px 120px;position:relative;overflow:hidden}.video-wall-bg{pointer-events:none;background:radial-gradient(at 30% 20%,#e8d5f54d 0%,#0000 50%),radial-gradient(at 70% 80%,#f8b4b833 0%,#0000 50%);position:absolute;inset:0}.video-wall-header{text-align:center;z-index:1;margin-bottom:60px;position:relative}.video-wall-header h2{color:var(--pink-dark);margin-bottom:8px;font-size:clamp(2.5rem,5vw,4rem)}.video-wall-header p{color:var(--rose-gold);margin-bottom:16px;font-size:1.4rem}.header-line{background:var(--pink-medium);border-radius:2px;width:60px;height:2px;margin:0 auto}.video-masonry{z-index:1;gap:35px;max-width:900px;margin:0 auto;display:flex;position:relative}.video-column{flex-direction:column;flex:1;gap:35px;display:flex}.video-col-right{margin-top:50px}.video-card{cursor:pointer;transition:transform .3s;position:relative}.video-tape-top{z-index:2;justify-content:center;margin-bottom:-12px;display:flex;position:relative}.video-frame{box-shadow:0 4px 20px var(--paper-shadow), 0 2px 8px #0000000a;background:#fff;border-radius:4px;padding:10px;transition:box-shadow .3s;position:relative}.video-card:hover .video-frame{box-shadow:0 12px 40px #e8758b26,0 4px 12px #0000000f}.video-frame video{object-fit:cover;border-radius:2px;width:100%;height:auto;min-height:200px;max-height:350px;display:block}.video-overlay{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#4a322826;border-radius:2px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:10px}.video-overlay.playing{opacity:0;pointer-events:none}.video-card:hover .video-overlay:not(.playing){-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#4a322840}.play-btn{width:54px;height:54px;color:var(--pink-dark);background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;box-shadow:0 4px 20px #0000001f}.play-btn svg{width:22px;height:22px;margin-left:3px}.video-caption{text-align:center;color:var(--brown-ink);opacity:.7;margin-top:14px;font-size:1.2rem}@media (width<=768px){.video-masonry{gap:25px}.video-col-right{margin-top:30px}.video-frame video{min-height:150px;max-height:250px}.video-wall{padding:70px 20px 80px}}@media (width<=500px){.video-masonry{flex-direction:column;gap:30px;max-width:350px}.video-col-right{margin-top:0}}.footer{background:var(--pink-light);text-align:center;padding:80px 40px 60px;position:relative;overflow:hidden}.footer-torn-edge{height:40px;position:absolute;top:-1px;left:0;right:0}.footer-torn-edge svg{width:100%;height:100%}.footer-content{z-index:1;position:relative}.footer-love{color:var(--pink-dark);margin-bottom:8px;font-size:clamp(2rem,4vw,3.5rem)}.footer-sub{color:var(--rose-gold);margin-bottom:30px;font-size:1.4rem}.footer-hearts{justify-content:center;gap:20px;margin-bottom:30px;font-size:1.5rem;display:flex}.footer-note p{color:var(--brown-ink);opacity:.6;font-size:1.1rem}.footer-stickers span{opacity:.3;font-size:1.8rem;animation:4s ease-in-out infinite twinkle;position:absolute}.footer-stickers span:nth-child(2){animation-delay:1s}.footer-stickers span:nth-child(3){animation-delay:2s}.footer-stickers span:nth-child(4){animation-delay:.5s}@media (width<=600px){.footer{padding:60px 20px 40px}}.loader-screen{z-index:9999;background:linear-gradient(135deg,#fff8f0 0%,#fde8e9 50%,#e8d5f5 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-content{flex-direction:column;align-items:center;gap:20px;display:flex}.loader-heart{color:var(--pink-dark);width:48px;height:48px}.loader-heart svg{width:100%;height:100%}.loader-text{color:var(--rose-gold);letter-spacing:.02em;font-size:1.8rem}.loader-dots{gap:6px;display:flex}.loader-dot{background:var(--pink-medium);border-radius:50%;width:8px;height:8px}.loader-prompt{text-align:center}.loader-prompt-content{flex-direction:column;align-items:center;gap:16px;display:flex}.loader-welcome{color:var(--pink-dark);font-size:clamp(2.5rem,6vw,4rem);line-height:1.1}.loader-invite{color:var(--rose-gold);margin-bottom:10px;font-size:1.3rem}.enter-btn{border:2px solid var(--pink-medium);color:var(--pink-dark);cursor:pointer;background:0 0;border-radius:50px;margin-top:10px;padding:14px 36px;font-family:Caveat,cursive;font-size:1.2rem;transition:all .3s}.enter-btn:hover{background:var(--pink-light);border-color:var(--pink-dark);transform:translateY(-2px)}.cursor-trail{pointer-events:none;z-index:9990;position:fixed;inset:0;overflow:hidden}.trail-dot{background:var(--pink-dark);border-radius:50%;animation:.8s ease-out forwards trail-fade;position:fixed;transform:translate(-50%,-50%)}@keyframes trail-fade{0%{opacity:inherit;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(0)}}.scroll-nav{z-index:100;-webkit-backdrop-filter:blur(12px);background:#fff8f0d9;border-bottom:1px solid #f8b4b833;position:fixed;top:0;left:0;right:0}.scroll-nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:14px 30px;display:flex}.nav-brand{color:var(--pink-dark);font-size:1.3rem;font-weight:600}.nav-sections{gap:24px;display:flex}.nav-link{color:var(--brown-ink);letter-spacing:.03em;opacity:.7;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--pink-dark);opacity:1}.scroll-progress{background:linear-gradient(90deg, var(--pink-medium), var(--pink-dark), var(--lavender));transform-origin:0;border-radius:0 2px 2px 0;height:3px}@media (width<=600px){.scroll-nav-inner{padding:12px 16px}.nav-brand{font-size:1.1rem}.nav-sections{gap:14px}.nav-link{font-size:.75rem}}.music-fab{z-index:500;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#fffffff2;border:2px solid #f8b4b866;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:box-shadow .3s,border-color .3s;display:flex;position:fixed;bottom:36px;right:36px;overflow:hidden;box-shadow:0 6px 24px #e8758b33,0 2px 8px #0000000f}.music-fab:hover{border-color:#e8758b99;box-shadow:0 8px 32px #e8758b4d,0 4px 12px #00000014}.music-fab.playing{border-color:var(--pink-dark);box-shadow:0 6px 24px #e8758b59,0 2px 8px #0000000f,0 0 0 4px #f8b4b833}.vinyl{background:var(--brown-ink);opacity:.85;border-radius:50%;transition:opacity .3s;position:absolute;inset:6px}.music-fab.playing .vinyl{opacity:.95;animation:3s linear infinite spin-vinyl}.vinyl-groove{border:1px solid #ffffff14;border-radius:50%;position:absolute}.vinyl-groove-1{inset:6px}.vinyl-groove-2{inset:12px}.vinyl-groove-3{inset:18px}.vinyl-center{background:var(--pink-dark);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin-vinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fab-icon{z-index:2;color:#fff;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.fab-icon svg{width:18px;height:18px}.music-waves{align-items:flex-end;gap:2px;display:flex;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.wave{background:var(--pink-dark);border-radius:2px;width:3px;animation:.6s ease-in-out infinite alternate wave-bounce}.wave-1{height:8px;animation-delay:0s}.wave-2{height:12px;animation-delay:.15s}.wave-3{height:6px;animation-delay:.3s}@keyframes wave-bounce{0%{height:4px}to{height:14px}}.now-playing-toast{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--rose-gold);z-index:500;white-space:nowrap;background:#fffffff2;border-radius:20px;padding:6px 14px;font-size:.9rem;position:fixed;bottom:96px;right:36px;transform:translate(0);box-shadow:0 2px 10px #0000000f}@media (width<=600px){.music-fab{width:44px;height:44px;bottom:24px;right:24px}.fab-icon svg{width:14px;height:14px}.now-playing-toast{font-size:.8rem;bottom:76px;right:24px}}.petal-rain{pointer-events:none;z-index:9000;position:fixed;inset:0;overflow:hidden}.petal{background:linear-gradient(135deg, var(--pink-medium) 0%, var(--pink-dark) 100%);opacity:.7;border-radius:50% 0;position:absolute;box-shadow:0 1px 4px #e8758b4d}:root{--pink-light:#fde8e9;--pink-medium:#f8b4b8;--pink-dark:#e8758b;--lavender:#e8d5f5;--mint:#d4f0e7;--peach:#ffe5d4;--cream:#fff8f0;--warm-white:#fffbf7;--brown-ink:#4a3228;--rose-gold:#b76e79;--tape-yellow:#fff3cd;--tape-pink:#ffd6e0;--paper-shadow:#4a322814;--sticker-shadow:#4a32281f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--cream);color:var(--brown-ink);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-family:Inter,sans-serif;overflow-x:hidden}.scrapbook-app{min-height:100vh;position:relative}.scrapbook-app:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(at 20%,#f8b4b814 0%,#0000 50%),radial-gradient(at 80% 20%,#e8d5f514 0%,#0000 50%),radial-gradient(at 50% 80%,#d4f0e70f 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--pink-medium);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--pink-dark)}.handwritten{font-family:Caveat,cursive}.serif{font-family:Playfair Display,serif}.script{font-family:Dancing Script,cursive}.tape{background:var(--tape-yellow);opacity:.85;width:80px;height:28px;box-shadow:0 1px 3px var(--paper-shadow);border-radius:2px;position:absolute}.tape-pink{background:var(--tape-pink)}.tape:before{content:"";border:1px dashed #4a32281a;border-radius:1px;position:absolute;inset:3px}.polaroid{box-shadow:0 4px 20px var(--paper-shadow), 0 1px 4px #0000000d;background:#fff;padding:12px 12px 40px;position:relative}.polaroid img,.polaroid video{object-fit:cover;width:100%;height:auto;display:block}.sticker{filter:drop-shadow(0 2px 4px var(--sticker-shadow));-webkit-user-select:none;user-select:none;pointer-events:none;color:var(--pink-dark);font-family:Caveat,cursive;font-size:1.5rem;font-weight:700;position:absolute}.washi{background:repeating-linear-gradient(45deg, var(--pink-light), var(--pink-light) 4px, var(--lavender) 4px, var(--lavender) 8px);opacity:.7;border-radius:1px;height:24px;position:absolute}section{z-index:1;position:relative}@media (width<=768px){.tape{width:60px;height:22px}.sticker{font-size:1.5rem}.polaroid{padding:8px 8px 30px}}