:root{--gold:#d4a843;--dark-gold:#b8922e;--cream:#fff8f0;--app-h:100vh}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;background:#000;width:100%;height:100%;font-family:Poppins,sans-serif;overflow:hidden}#main{width:100%;height:var(--app-h);scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-y:contain;scroll-padding:0;overflow-y:scroll}#main::-webkit-scrollbar{display:none}.page{width:100%;height:var(--app-h);scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.page-bg{z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.page:before,.page:after{content:"";z-index:1;pointer-events:none;height:25vh;position:absolute;left:0;right:0}.page:before{background:linear-gradient(to bottom, var(--blend-top,transparent) 0%, transparent 100%);top:0}.page:after{background:linear-gradient(to top, var(--blend-bottom,transparent) 0%, transparent 100%);bottom:0}.page-btns{z-index:3;position:absolute;bottom:clamp(16px,4vh,28px);left:50%;transform:translate(-50%)}.map-btn{background:linear-gradient(135deg, var(--gold), var(--dark-gold));color:#1a0505;cursor:pointer;white-space:nowrap;border:none;border-radius:22px;align-items:center;gap:5px;padding:10px 22px;font-family:Poppins,sans-serif;font-size:clamp(11px,2.8vw,14px);font-weight:600;text-decoration:none;transition:transform .2s;display:inline-flex;box-shadow:0 2px 12px #d4a8434d}.map-btn:active{transform:scale(.95)}.countdown-wrap{z-index:3;gap:clamp(6px,2vw,10px);display:flex;position:absolute;bottom:32%;left:50%;transform:translate(-50%)}.cd-box{text-align:center;-webkit-backdrop-filter:blur(8px);background:#b4506e80;border:none;border-radius:10px;min-width:clamp(46px,14vw,60px);padding:clamp(5px,1.5vw,8px) clamp(8px,2.5vw,14px)}.cd-num{color:var(--cream);font-family:Playfair Display,serif;font-size:clamp(18px,5vw,26px);font-weight:700}.cd-lbl{color:#fff;text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:clamp(7px,2vw,10px);font-weight:600}.scroll-hint{z-index:2;color:var(--gold);letter-spacing:2px;text-transform:uppercase;opacity:.6;text-shadow:0 1px 4px #000c;font-size:10px;animation:2s infinite bounce;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.scroll-hint:after{content:"";border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);opacity:.6;width:14px;height:14px;margin:4px auto 0;display:block;transform:rotate(45deg)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}.music-btn{z-index:9500;border:2px solid var(--gold);color:#fff;cursor:pointer;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 2px 12px #0006}#petals{z-index:9000;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.anim{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translateY(25px)}.anim.show{opacity:1;transform:translateY(0)}@media (min-width:768px){#main{max-width:500px;margin:0 auto}.page{max-width:500px}}