@import"https://fonts.googleapis.com/css2?family=Schoolbell&display=swap";:root{color-scheme:light;font-family:Segoe UI,Inter,system-ui,sans-serif;background:#2a1a4a;color:#f5ecff}*{box-sizing:border-box}body{margin:0}button{font:inherit;border:none;cursor:pointer}.app{min-height:100vh;padding:24px 18px;display:flex;align-items:center;justify-content:center;max-width:420px;margin:0 auto;position:relative;overflow:hidden;background:radial-gradient(circle at top,#3a2166,#221237 70%)}.section{width:100%;padding:24px;border-radius:22px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);box-shadow:0 18px 50px #120a2359;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);position:relative;z-index:1}.consent-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0a06148c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;padding:24px}.consent-modal{width:min(340px,100%);padding:20px;border-radius:20px;background:#ffffff24;border:1px solid rgba(255,255,255,.28);box-shadow:0 18px 50px #0a061473;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;color:#f5ecffe6}.consent-modal h2{margin:0 0 8px;font-size:16px}.consent-modal p{margin:0 0 14px;font-size:12px;color:#f5ecffbf}.consent-button{padding:10px 16px;border-radius:999px;background:#fff3;border:1px solid rgba(255,255,255,.35);color:#f5ecff;font-weight:600}.consent-button:disabled{opacity:.6;cursor:default}.consent-status{display:inline-block}.consent-status.error{color:#ffb4c7;margin-top:6px}.countdown{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative}.countdown-label{margin:0;font-weight:600;text-transform:uppercase;letter-spacing:2px;font-size:12px;color:#f5ecffb3}.countdown-inline{display:flex;align-items:baseline;gap:10px;font-size:32px;font-weight:700;letter-spacing:2px;color:#f5ecff;padding:10px 14px;border-radius:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.countdown-inline .separator{color:#fff9}.countdown-units{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#f5ecffb3}.message-button{margin:18px auto 0;width:max-content;max-width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);color:#f5ecff;text-decoration:none;font-weight:600;text-transform:lowercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.message-icon{font-size:16px}.message-preview{margin:14px auto 0;width:fit-content;max-width:100%;padding:14px;border-radius:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);text-align:center;font-family:Schoolbell,cursive;font-size:16px;font-weight:500;color:#f5ecffd9;display:grid;gap:6px;cursor:pointer}.message-hint{font-size:11px;color:#f5ecff99;text-transform:lowercase}.message-card{text-align:center;color:#f5ecffe6}.message-card h1{margin:0 0 8px;font-size:20px}.message-card p{margin:0;font-size:14px;color:#f5ecffbf}.message-link{margin-top:16px;color:#f5ecffb3;text-decoration:none;font-size:12px;z-index:1}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:3}.confetti-heart{position:absolute;top:-20px;width:16px;height:16px;background:#fff;border-radius:4px;transform:rotate(45deg);opacity:.9;animation:confettiFall 2.8s ease-in-out infinite}.confetti-heart:before,.confetti-heart:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:inherit;top:-8px;left:0}.confetti-heart:after{left:-8px;top:0}.confetti-heart:nth-child(1){left:5%;animation-delay:0s}.confetti-heart:nth-child(2){left:15%;animation-delay:.2s}.confetti-heart:nth-child(3){left:25%;animation-delay:.5s}.confetti-heart:nth-child(4){left:35%;animation-delay:.1s}.confetti-heart:nth-child(5){left:45%;animation-delay:.35s}.confetti-heart:nth-child(6){left:55%;animation-delay:.6s}.confetti-heart:nth-child(7){left:65%;animation-delay:.15s}.confetti-heart:nth-child(8){left:75%;animation-delay:.4s}.confetti-heart:nth-child(9){left:85%;animation-delay:.55s}.confetti-heart:nth-child(10){left:95%;animation-delay:.25s}.confetti-heart:nth-child(11){left:12%;animation-delay:.75s}.confetti-heart:nth-child(12){left:32%;animation-delay:.9s}.confetti-heart:nth-child(13){left:62%;animation-delay:1s}.confetti-heart:nth-child(14){left:88%;animation-delay:1.1s}@keyframes confettiFall{0%{transform:translateY(0) rotate(45deg);opacity:0}15%{opacity:1}to{transform:translateY(100vh) rotate(45deg);opacity:0}}.tap-hearts{position:absolute;inset:0;pointer-events:none;z-index:2}.heart{position:absolute;width:50px;height:50px;background:transparent;border:none;box-shadow:0 10px 26px #140c2866;transform:translate(-50%,-50%) rotate(45deg);padding:0;pointer-events:none;animation:popFloatHeart 1.1s ease forwards}.heart-img{width:50px;height:50px;display:block;transform:rotate(-45deg);filter:brightness(0) invert(1)}@keyframes popFloatHeart{0%{transform:translate(-50%,-50%) scale(.2) rotate(45deg);opacity:0}40%{transform:translate(-50%,-50%) scale(1.2) rotate(45deg);opacity:1}to{transform:translate(-50%,-140%) scale(.95) rotate(45deg);opacity:0}}@media(min-width:700px){.countdown-inline{font-size:36px}}