*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--pink: #e91e8c;--pink-light: #ff6bb5;--pink-glow: rgba(233, 30, 140, .4);--gold: #c9a96e;--dark: #0d0d14;--dark-card: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--text: #f5f0f7;--muted: rgba(245, 240, 247, .5)}html,body,#root{height:100%}body{background:var(--dark);color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.bg-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.bg-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(233,30,140,.18) 0%,transparent 70%);top:-200px;left:-200px;animation:orbDrift1 20s ease-in-out infinite}.bg-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(100,30,200,.15) 0%,transparent 70%);bottom:-150px;right:-150px;animation:orbDrift2 25s ease-in-out infinite}.bg-orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(233,30,140,.1) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:orbDrift3 15s ease-in-out infinite}@keyframes orbDrift1{0%,to{transform:translate(0)}50%{transform:translate(60px,80px)}}@keyframes orbDrift2{0%,to{transform:translate(0)}50%{transform:translate(-60px,-40px)}}@keyframes orbDrift3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.4)}}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.particle{position:absolute;width:4px;height:4px;background:var(--pink-light);border-radius:50%;opacity:0;animation:floatUp linear infinite}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:.6}90%{opacity:.2}to{opacity:0;transform:translateY(-10vh) scale(1)}}.main-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:48px;padding:40px 20px;width:100%;max-width:640px}.header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.logo-heart{font-size:2rem;color:var(--pink);animation:heartbeat 2.5s ease-in-out infinite;filter:drop-shadow(0 0 12px var(--pink-glow));line-height:1}.title{font-family:Playfair Display,serif;font-size:clamp(2rem,6vw,3rem);font-weight:600;background:linear-gradient(135deg,#fff 0%,var(--pink-light) 50%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.subtitle{font-size:.9rem;color:var(--muted);font-weight:300;letter-spacing:.15em;text-transform:uppercase}.hearts-container{display:flex;gap:32px;flex-wrap:wrap;justify-content:center}.heart-wrapper{display:flex;flex-direction:column;align-items:center;gap:14px;cursor:pointer}.heart-button-area{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--pink);opacity:0;animation:pulseRing 2.8s ease-out infinite}.pulse-ring-2{animation-delay:.9s}.pulse-ring-3{animation-delay:1.8s}@keyframes pulseRing{0%{transform:scale(.7);opacity:.7}to{transform:scale(1.5);opacity:0}}.heart-btn{position:relative;z-index:1;width:110px;height:110px;background:radial-gradient(135deg at 30% 30%,#ff6bb5,#e91e8c,#9b0052);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px var(--pink-glow),0 0 60px #e91e8c33,inset 0 1px #fff3;transition:transform .2s ease,box-shadow .2s ease;animation:heartbeat 2.8s ease-in-out infinite}.heart-btn:hover{transform:scale(1.08);box-shadow:0 0 50px var(--pink-glow),0 0 100px #e91e8c4d,inset 0 1px #ffffff40}.heart-btn:active{transform:scale(.96)}.heart-icon-svg{width:52px;height:52px;fill:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.08)}28%{transform:scale(1)}42%{transform:scale(1.06)}70%{transform:scale(1)}}.heart-btn--unlocked{background:radial-gradient(135deg at 30% 30%,gold,#c9a96e,#8b6914);box-shadow:0 0 30px #c9a96e80,0 0 60px #c9a96e33,inset 0 1px #ffffff4d;animation:none;cursor:default}.heart-label{font-family:Playfair Display,serif;font-size:1.05rem;font-weight:600;color:var(--text);text-align:center}.heart-sublabel{font-size:.78rem;color:var(--muted);font-weight:300;text-align:center}.heart-unlock-hint{font-size:.72rem;color:var(--pink-light);font-weight:400;text-align:center;opacity:.8}.unlock-link{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,var(--gold),#a07840);color:#fff;text-decoration:none;border-radius:24px;font-size:.85rem;font-weight:500;box-shadow:0 4px 20px #c9a96e66;transition:transform .15s,box-shadow .15s;animation:fadeInUp .5s ease}.unlock-link:hover{transform:translateY(-2px);box-shadow:0 6px 28px #c9a96e80}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hint{font-size:.8rem;color:var(--muted);letter-spacing:.05em;font-style:italic}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:backdropIn .25s ease}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(145deg,#1e0f28f2,#0f0a19fa);border:1px solid var(--border);border-radius:24px;padding:36px 32px;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:28px;box-shadow:0 0 0 1px #e91e8c1a,0 24px 60px #0009,0 0 80px #e91e8c14;animation:modalIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.88) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-title{font-family:Playfair Display,serif;font-size:1.4rem;font-weight:600;text-align:center;background:linear-gradient(135deg,#fff,var(--pink-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-subtitle{font-size:.82rem;color:var(--muted);text-align:center;margin-top:-18px}.progress-dots{display:flex;gap:10px}.dot{width:36px;height:6px;border-radius:3px;background:#ffffff1a;transition:background .4s ease,box-shadow .4s ease}.dot--done{background:var(--pink);box-shadow:0 0 10px var(--pink-glow)}.dot--active{background:var(--pink-light);animation:dotPulse .8s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.5}}.ad-area{width:100%;min-height:120px;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px}.ad-count-text{font-family:Playfair Display,serif;font-size:1.5rem;color:var(--pink-light)}.ad-status-text{font-size:.8rem;color:var(--muted);text-align:center}.countdown-ring{position:relative;width:64px;height:64px}.countdown-ring svg{transform:rotate(-90deg)}.countdown-ring circle{fill:none;stroke-width:4;stroke-linecap:round}.countdown-ring .track{stroke:#ffffff14}.countdown-ring .fill{stroke:var(--pink);stroke-dasharray:163;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 4px var(--pink))}.countdown-number{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;color:var(--text)}.watch-btn{width:100%;padding:16px;border:none;border-radius:14px;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .2s;letter-spacing:.02em}.watch-btn--ready{background:linear-gradient(135deg,var(--pink),#9b0052);color:#fff;box-shadow:0 8px 28px var(--pink-glow)}.watch-btn--ready:hover{transform:translateY(-2px);box-shadow:0 12px 36px #e91e8c80}.watch-btn--ready:active{transform:translateY(0)}.watch-btn--watching{background:#ffffff0f;color:var(--muted);cursor:not-allowed}.watch-btn--done{background:linear-gradient(135deg,#ffd700,var(--gold));color:#1a1000;font-weight:600;box-shadow:0 8px 28px #c9a96e66}.watch-btn--done:hover{transform:translateY(-2px);box-shadow:0 12px 36px #c9a96e80}.watch-btn:disabled{cursor:not-allowed}.modal-close{background:none;border:none;color:var(--muted);font-size:.78rem;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;transition:color .15s;font-family:Inter,sans-serif}.modal-close:hover{color:var(--text)}.adblocker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.adblocker-card{background:linear-gradient(145deg,#280f0ffa,#140808fc);border:1px solid rgba(233,30,140,.25);border-radius:24px;padding:48px 36px;max-width:380px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 0 80px #e91e8c1f,0 24px 60px #000000b3;animation:modalIn .3s cubic-bezier(.34,1.56,.64,1)}.adblocker-icon{font-size:3rem;filter:drop-shadow(0 0 20px var(--pink-glow))}.adblocker-title{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600;color:var(--text)}.adblocker-text{font-size:.9rem;color:var(--muted);line-height:1.6}.adblocker-steps{background:#ffffff0a;border-radius:12px;padding:16px 20px;text-align:left;width:100%}.adblocker-steps p{font-size:.82rem;color:var(--muted);margin-bottom:6px;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.adblocker-steps ol{padding-left:18px;display:flex;flex-direction:column;gap:6px}.adblocker-steps li{font-size:.85rem;color:var(--text);line-height:1.4}.adblocker-retry-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--pink),#9b0052);color:#fff;border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;box-shadow:0 6px 24px var(--pink-glow);transition:transform .15s,box-shadow .15s;margin-top:4px}.adblocker-retry-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px #e91e8c80}