:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#fff5f5;font-family:Fredoka,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}#root{justify-content:center;align-items:flex-start;width:100%;min-height:100vh;display:flex}body{place-items:flex-start;min-width:320px;min-height:100vh;margin:0;display:flex}:root{--coral:#ff6b6b;--turquoise:#4ecdc4;--yellow:#ffe66d;--lavender:#a78bfa;--pink:#ff8ed4;--bg:#fff8f0;--text:#2d1b14;--text-light:#5c3d2e;--white:#fff;--whatsapp:#25d366;--shadow:0 12px 36px #2d1b1414;--glass:#ffffffd9;--glass-border:#ffffff80;--radius:30px}body{color:var(--text);background:linear-gradient(135deg,#fff0e6 0%,#ffe8f5 30%,#e8f4fd 60%,#fff8e6 100%) fixed;min-height:100vh;margin:0;font-family:Quicksand,sans-serif;overflow-x:hidden}.main-wrapper{min-height:100vh;position:relative}.music-toggle{z-index:100;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);cursor:pointer;width:50px;height:50px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:transform .2s;display:flex;position:fixed;top:20px;right:20px}.music-toggle:hover{transform:scale(1.1)}.floating-emojis{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.float-emoji{left:var(--x);animation:10s ease-in-out infinite floatUp;animation-delay:var(--delay);opacity:.35;font-size:2.5rem;position:absolute;bottom:-100px}@keyframes floatUp{0%{opacity:0;transform:translateY(0)rotate(0)scale(.8)}10%{opacity:.35}90%{opacity:.35}to{opacity:0;transform:translateY(-120vh)rotate(360deg)scale(.6)}}.main-content{flex-direction:column;gap:5rem;display:flex}.container{z-index:10;flex-direction:column;gap:6rem;max-width:650px;margin:0 auto;padding:4rem 1.5rem;display:flex;position:relative}.header{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;display:flex}h1{margin:0;font-family:Fredoka,sans-serif;font-size:clamp(2.5rem,8vw,4.5rem);line-height:1.1}.title-highlight{background:linear-gradient(135deg, var(--coral), var(--pink), var(--lavender));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hosts{letter-spacing:2px;color:var(--turquoise);text-transform:uppercase;margin-top:1rem;font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:600}.intro-text{color:var(--text-light);max-width:500px;margin-top:2rem;font-size:1.3rem;line-height:1.6}.scroll-indicator{color:var(--text-light);opacity:.6;margin-top:4rem;animation:2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(15px)}}.apology-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:6px solid var(--yellow);color:var(--text-light);text-align:left;background:#ffe66d33;border-radius:20px;max-width:500px;margin:2rem 0;padding:1.5rem;font-size:1rem;box-shadow:0 5px 15px #00000008}.fun-fact-box{background:var(--white);color:var(--coral);box-shadow:var(--shadow);border-radius:50px;margin-bottom:2rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600}.section{background:var(--glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;flex-direction:column;gap:2.5rem;padding:4rem 2.5rem;display:flex}.section h2{color:var(--text);margin:0;font-family:Fredoka,sans-serif;font-size:2.2rem;position:relative}.section h2:after{content:"";background:linear-gradient(90deg, var(--coral), var(--turquoise));border-radius:2px;width:60px;height:4px;margin:12px auto 0;display:block}.date-grid{flex-direction:column;gap:1rem;display:flex}.date-button{background:var(--white);color:var(--text);cursor:pointer;border:2px solid #0000;border-radius:50px;padding:1.4rem;font-family:Quicksand,sans-serif;font-size:1.15rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #0000000a}.date-button:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000014}.date-button.selected{background:var(--turquoise);color:#fff;box-shadow:0 8px 25px #4ecdc466}.custom-date-input{border:2px solid var(--turquoise);text-align:center;background:var(--white);box-sizing:border-box;border-radius:50px;outline:none;width:100%;padding:1.3rem;font-family:Quicksand,sans-serif;font-size:1.1rem}.coffee-label{color:#6f4e37;font-size:1.4rem;font-weight:700}.coffee-slider{-webkit-appearance:none;background:#6f4e371a;border-radius:10px;outline:none;width:100%;height:12px}.coffee-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;filter:drop-shadow(0 5px 10px #0003);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='.9em' font-size='80'%3E☕%3C/text%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;width:55px;height:55px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.coffee-slider::-moz-range-thumb{cursor:pointer;filter:drop-shadow(0 5px 10px #0003);background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='.9em' font-size='80'%3E☕%3C/text%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;width:55px;height:55px}.coffee-slider::-webkit-slider-thumb:hover{transform:scale(1.2)rotate(-10deg)}.summary-card{background:var(--text);color:var(--white);text-align:left;border-radius:40px;padding:3.5rem 2.5rem;box-shadow:0 25px 60px #2d1b1440}.summary-card h3{color:var(--yellow);margin-top:0;font-family:Fredoka,sans-serif;font-size:2.2rem}.whatsapp-button{background:var(--whatsapp);color:#fff;cursor:pointer;border:none;border-radius:50px;width:100%;margin-top:2rem;padding:1.5rem;font-size:1.3rem;font-weight:700;transition:all .3s;box-shadow:0 15px 40px #25d36666}.whatsapp-button:hover{filter:brightness(1.05);transform:translateY(-6px)}.footer{background:var(--text);color:var(--white);text-align:center;margin-top:4rem;padding-bottom:60px;position:relative}.wave{width:100%;height:100px;color:var(--text);margin-bottom:-1px;display:block;transform:translateY(-99%)}.made-with-love{opacity:.6;font-weight:600}.animate-fade-in{animation:1.2s ease-out fadeIn}.animate-slide-up{animation:.8s ease-out slideUp}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@media (width<=500px){h1{font-size:2.8rem}.section{padding:3rem 1.5rem}}.wheel-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:100%;margin:3rem 0;display:flex}.wheel-container{justify-content:center;align-items:center;width:380px;height:380px;display:flex;position:relative}.wheel-svg-container{box-sizing:border-box;background:#fff;border:10px solid #fff;border-radius:50%;width:100%;height:100%;overflow:hidden;box-shadow:0 10px 40px #00000026}.wheel-svg{width:100%;height:100%;display:block}.wheel-text{text-shadow:1px 1px 1px #0003;pointer-events:none;font-family:Fredoka,sans-serif}.center-elements{z-index:50;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-center-decoration{z-index:55;pointer-events:none;border:3px solid var(--text);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.8rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateY(-25px);box-shadow:0 4px 10px #0003}.spin-button{background:var(--text);color:#fff;cursor:pointer;z-index:50;pointer-events:auto;border:4px solid #fff;border-radius:50%;flex-direction:column;justify-content:flex-end;align-items:center;width:90px;height:90px;padding-bottom:12px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 5px 20px #0000004d}.wheel-pointer{z-index:60;filter:drop-shadow(0 4px 5px #0003);font-size:3.5rem;position:absolute;top:-35px;left:50%;transform:translate(-50%)}.spin-button:hover:not(:disabled){background:var(--primary);transform:scale(1.1)}.spin-button:disabled{opacity:.8;cursor:not-allowed}@media (width<=500px){.wheel-container{width:300px;height:300px}.center-elements{width:80px;height:80px}.spin-button{width:75px;height:75px;padding-bottom:8px;font-size:.7rem}.wheel-center-decoration{width:35px;height:35px;font-size:1.3rem;transform:translate(-50%,-50%)translateY(-18px)}}