:root{--bg: #faf5ec;--card: #fdfaf5;--rose: #c4848a;--rose-light: #edd5d7;--purple: #8b6ba5;--purple-deep: #4a2668;--brown: #3d2b1f;--brown-mid: #6b5040;--brown-light: #8b7b6b;--cream-border: #e0d5c5;--warning: #e8c878;--purple-light: #e8d5d7;--purple-mid: #c4848a;--purple-main: #8b6ba5;--text: #3d2b1f;--text-muted: #8b7b6b;--white: #fdfaf5;--font-display: "Playfair Display", serif;--font-hand: "Caveat", cursive;--font-body: "DM Sans", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--brown);font-family:var(--font-body);font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E")}#particles{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}#hero{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem 4rem;z-index:1}#hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,#faf5ecb8,#faf5ec33);pointer-events:none}.hero-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center;max-width:440px;width:100%;z-index:1;border:2px solid var(--cream-border);outline:1px solid var(--cream-border);outline-offset:6px;padding:2.5rem 2rem;background:#fdfaf5a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hero-sparkle{font-size:clamp(2rem,10vw,3rem);line-height:1;visibility:hidden}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,13vw,5.5rem);font-weight:700;font-style:italic;line-height:1;color:var(--brown);visibility:hidden}.hero-pun{font-family:var(--font-hand);font-size:clamp(1.2rem,5.5vw,1.65rem);font-weight:600;color:var(--purple);visibility:hidden}.hero-line{font-size:clamp(.76rem,3vw,.86rem);font-weight:300;letter-spacing:.1em;color:var(--brown-light);visibility:hidden}.scroll-hint{position:absolute;bottom:1.8rem;font-size:.78rem;letter-spacing:.08em;color:var(--brown-light);z-index:1;visibility:hidden}.section-inner{max-width:560px;margin:0 auto}.section-header{text-align:center;margin-bottom:2.5rem}.section-header h2{font-family:var(--font-display);font-size:clamp(2rem,8vw,2.8rem);color:var(--brown);margin-bottom:.4rem}.section-header .subtitle{font-family:var(--font-hand);font-size:clamp(1rem,4vw,1.2rem);color:var(--brown-light)}#about-you{position:relative;z-index:1;padding:5rem 1.5rem;background:var(--bg)}.polaroids{display:flex;flex-direction:column;align-items:center;gap:2.5rem}.polaroid{background:#fefcf8;padding:11px 11px 0;width:100%;max-width:280px;box-shadow:0 8px 28px #3d2b1f2e,0 2px 8px #3d2b1f1a,inset 0 0 0 1px #3d2b1f0a;visibility:hidden;border-radius:1px}.polaroid-photo{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:clamp(3rem,16vw,4rem)}.photo-1{background:linear-gradient(135deg,#d4a5a5,#c4848a)}.photo-2{background:linear-gradient(135deg,#a5b8c4,#7b95a8)}.photo-3{background:linear-gradient(135deg,#b8a5c4,#8b6ba5)}.photo-4{background:linear-gradient(135deg,#c4b490,#a89070)}.photo-5{background:linear-gradient(135deg,#c4a5b8,#a57890)}.polaroid-photo{position:relative}.polaroid-emoji{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));pointer-events:none}.polaroid-photo img{width:100%;height:100%;object-fit:cover;display:block}.polaroid-photo:has(img){font-size:0;background:none}.polaroid-tab{padding:.75rem .5rem 1rem;text-align:center;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.polaroid-caption{font-family:var(--font-hand);font-size:clamp(1.15rem,5vw,1.3rem);font-weight:700;color:var(--brown);line-height:1.2}.polaroid-sub{font-family:var(--font-hand);font-size:clamp(.85rem,3.5vw,.95rem);color:var(--brown-light);line-height:1.3}#tonight{position:relative;z-index:1;padding:5.5rem 1.5rem;background:linear-gradient(150deg,var(--purple-deep) 0%,#2d1048 100%)}#tonight .section-inner{visibility:hidden}#tonight h2{font-family:var(--font-display);font-size:clamp(2rem,8vw,2.8rem);color:var(--rose-light);font-style:italic;margin-bottom:1.5rem}.tonight-text{font-size:clamp(1rem,4vw,1.1rem);line-height:1.85;color:#ffffffd1;margin-bottom:2rem}.tonight-note{border-left:3px solid var(--rose);padding:.9rem 1.2rem;font-family:var(--font-hand);font-size:clamp(1.05rem,4vw,1.2rem);line-height:1.55;color:var(--rose-light);background:#ffffff0d;border-radius:0 8px 8px 0}#concert{position:relative;z-index:1;padding:5.5rem 1.5rem;background:#f2ebe0;text-align:center}#concert .section-inner{visibility:hidden}.concert-header h2{font-family:var(--font-display);font-size:clamp(2rem,8vw,2.8rem);color:var(--brown);margin-bottom:.5rem}.concert-sub{font-family:var(--font-hand);font-size:clamp(1rem,4vw,1.15rem);color:var(--brown-light);margin-bottom:2.5rem}.slot-machine{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.slot-reels{display:flex;gap:.75rem;background:var(--brown);padding:1.2rem 1.4rem;border-radius:10px;box-shadow:0 8px 28px #3d2b1f4d}.reel-wrapper{width:74px;height:74px;background:var(--card);border-radius:4px;display:flex;align-items:center;justify-content:center;border:2px solid var(--cream-border);overflow:hidden}.reel{font-size:2.4rem;line-height:1;-webkit-user-select:none;user-select:none}.spin-btn{background:var(--purple);color:#fff;border:none;padding:.9rem 2.8rem;border-radius:4px;font-family:var(--font-body);font-size:1rem;font-weight:500;letter-spacing:.08em;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 4px 14px #8b6ba54d;-webkit-tap-highlight-color:transparent}.spin-btn:active:not(:disabled){transform:scale(.95)}.spin-btn:disabled{opacity:.55;cursor:not-allowed}.jackpot-result{margin-top:.5rem;padding:1.5rem 1.8rem;background:var(--brown);border-radius:6px;color:#fff;opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}.jackpot-result.visible{opacity:1;transform:translateY(0);pointer-events:auto}.jackpot-label{font-family:var(--font-hand);font-size:1.1rem;color:var(--warning);margin-bottom:.5rem}.jackpot-result h3{font-family:var(--font-display);font-size:clamp(1.3rem,5vw,1.65rem);color:#fff;margin-bottom:.4rem}.jackpot-result p{font-family:var(--font-hand);font-size:clamp(1rem,4vw,1.15rem);color:var(--rose-light)}#closing{position:relative;z-index:1;padding:5.5rem 1.5rem 6.5rem;background:var(--bg);text-align:center}#closing .section-inner{visibility:hidden}#closing h2{font-family:var(--font-display);font-size:clamp(2rem,8vw,2.8rem);color:var(--brown);font-style:italic;margin-bottom:1.5rem}.closing-text{font-size:clamp(1rem,4vw,1.1rem);line-height:1.9;color:var(--brown);margin-bottom:2.5rem}.signature{font-family:var(--font-hand);font-size:clamp(1.5rem,6vw,1.9rem);font-weight:600;color:var(--purple)}@media (max-width: 380px){.hero-content{padding:1.8rem 1.2rem;outline-offset:4px}.slot-reels{gap:.5rem;padding:.9rem 1rem}.reel-wrapper{width:62px;height:62px}}@media (min-width: 640px){.section-inner{max-width:660px}.hero-content{max-width:500px;padding:3rem 2.5rem}.polaroids{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem 2rem;align-items:start;max-width:600px;margin:0 auto}.polaroid{max-width:none}.polaroid:last-child{grid-column:1 / -1;max-width:260px;justify-self:center}.reel-wrapper{width:84px;height:84px}.reel{font-size:2.8rem}}@media (min-width: 1024px){.section-inner{max-width:760px}#hero{padding:6rem 3rem 5rem}.hero-content{max-width:560px;padding:3.5rem 3rem}#about-you,#tonight,#concert{padding:7rem 3rem}#closing{padding:7rem 3rem 9rem}.polaroids{max-width:680px;gap:3rem 2.5rem}.slot-reels{gap:1rem;padding:1.4rem 1.8rem}.reel-wrapper{width:90px;height:90px}.reel{font-size:3rem}}@media (min-width: 1400px){#about-you .section-inner,#tonight .section-inner,#concert .section-inner,#closing .section-inner{max-width:820px}}@media (prefers-reduced-motion: reduce){.hero-sparkle,.hero-title,.hero-pun,.hero-line,.scroll-hint,.polaroid,#tonight .section-inner,#concert .section-inner,#closing .section-inner{visibility:visible!important;opacity:1!important;transform:none!important}}.footer-note{margin-top:3rem;opacity:.5;font-size:.8rem;letter-spacing:.04em}