@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark:#050308;--panel-glass:#140a1899;--panel-border:#f43f5e26;--rose-primary:#f43f5e;--rose-glow:#f43f5e59;--gold-primary:#f5a623;--text-primary:#f8fafc;--text-muted:#94a3b8;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--rose-primary) #ffffff0d;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow:hidden}button,a{cursor:pointer;font-family:var(--font-sans);text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.app-viewport{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}@keyframes fadeIn{0%{opacity:0;filter:blur(5px);transform:translateY(30px)scale(.96)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatAnim{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(5deg)}}@keyframes glowText{0%,to{text-shadow:0 0 15px #f43f5e66,0 0 5px #f43f5e33}50%{text-shadow:0 0 25px #f43f5eb3,0 0 10px #f43f5e66}}@keyframes pulseButton{0%,to{box-shadow:0 4px 15px #f43f5e4d,0 0 #f43f5e33}50%{box-shadow:0 8px 25px #f43f5e80,0 0 0 8px #f43f5e00}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-spin-slow{animation:12s linear infinite spinSlow}.animate-bounce{animation:3s ease-in-out infinite floatAnim}.heart-pink{color:var(--rose-primary);filter:drop-shadow(0 0 8px var(--rose-primary));animation:1.4s ease-in-out infinite heartbeat}.sparkle-gold{color:var(--gold-primary);filter:drop-shadow(0 0 6px var(--gold-primary))}.float-anim{color:var(--rose-primary);animation:4s ease-in-out infinite floatAnim}.music-widget{z-index:100;position:fixed;top:24px;right:24px}.btn-music-toggle{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);background:#0f0a14cc;border-radius:50px;align-items:center;gap:8px;padding:8px 16px;font-size:.78rem;font-weight:600;display:inline-flex}.btn-music-toggle:hover{border-color:var(--rose-primary);background:#f43f5e14}.icon-music{color:var(--rose-primary)}.music-bars{align-items:flex-end;gap:3px;width:12px;height:10px;display:flex}.bar{background-color:var(--rose-primary);transform-origin:bottom;border-radius:1px;width:2.5px;height:100%;display:inline-block}@keyframes scale-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1.1)}}.playing .bar-1{animation:.7s infinite scale-bar}.playing .bar-2{animation:.5s infinite scale-bar}.playing .bar-3{animation:.6s infinite scale-bar}.main-content-wrapper{z-index:10;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:620px;padding:24px;display:flex}.story-card{background:var(--panel-glass);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;border-radius:28px;flex-direction:column;align-items:center;width:100%;padding:44px 36px;display:flex;box-shadow:0 25px 60px #0000008c,inset 0 1px 1px #ffffff14}.card-top-decoration{justify-content:center;align-items:center;gap:12px;margin-bottom:24px;display:flex}.story-header{font-family:var(--font-serif);margin-bottom:16px;font-size:2.5rem;font-weight:800;line-height:1.25}.main-glow-text{background:linear-gradient(135deg,#fff 30%,#fda4af 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:4s ease-in-out infinite glowText}.story-lead{color:var(--rose-primary);margin-bottom:16px;font-size:1.15rem;font-weight:600}.story-lead-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:32px;font-size:.95rem}.story-body{color:#e2e8f0;text-align:center;margin-bottom:24px;font-size:1.05rem;line-height:1.7}.text-rose-300{color:#fda4af}.font-semibold{font-weight:600}.italic{font-style:italic}.btn-story-next{background:linear-gradient(135deg, var(--rose-primary) 0%, #e11d48 100%);color:#fff;border:1px solid #ffffff1a;border-radius:50px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:14px 28px;font-size:.98rem;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #f43f5e40}.btn-story-next:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f43f5e73}.love-game-card{justify-content:center;min-height:380px}.game-buttons-container{justify-content:center;align-items:center;gap:24px;width:100%;min-height:180px;display:flex;position:relative}.btn-game-yes{color:#fff;transform-origin:50%;white-space:nowrap;z-index:100;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #ffffff26;border-radius:50px;font-weight:800;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 20px #10b98159}.btn-game-yes:hover{filter:brightness(1.1);box-shadow:0 10px 30px #10b9818c}.btn-game-no{color:#f1f5f9;transform-origin:50%;white-space:nowrap;z-index:10;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-game-no:hover{color:#fecaca;background:#ef44441a;border-color:#ef444466}.game-hint-text{color:var(--text-muted);margin-top:16px;font-size:.8rem;font-style:italic}.finale-card{border-color:var(--rose-primary);box-shadow:0 20px 50px #f43f5e26}.final-success-text{font-family:var(--font-serif);background:linear-gradient(135deg,#fff 20%,#f43f5e 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 15px #f43f5e4d;-webkit-background-clip:text;font-size:3rem;font-weight:800}.final-scroll-box{background:#ffffff05;border:1px dashed #f43f5e4d;border-radius:20px;width:100%;margin:16px 0 28px;padding:28px 24px}.final-reveal-text{color:#e2e8f0;margin-bottom:20px;font-size:1.25rem;font-weight:600}.btn-telegram-link{color:#fff;background:linear-gradient(135deg,#22d3ee 0%,#06b6d4 100%);border:1px solid #fff3;border-radius:50px;justify-content:center;align-items:center;gap:12px;padding:16px 36px;font-size:1.25rem;font-weight:800;animation:2.5s ease-in-out infinite pulseButton;display:inline-flex;box-shadow:0 4px 20px #22d3ee59}.btn-telegram-link:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 10px 30px #22d3ee8c}.tel-icon{color:#fff;filter:drop-shadow(0 0 4px #fff6)}.story-footer-note{color:#fda4af;letter-spacing:.5px;font-size:.9rem;font-weight:500}.btn-reset-experience{color:var(--text-muted);background:0 0;border-radius:4px;align-items:center;gap:6px;margin-top:28px;padding:6px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.btn-reset-experience:hover{color:var(--rose-primary);background:#ffffff05}.story-progress-indicators{justify-content:center;gap:10px;margin-top:8px;display:flex}.progress-dot{background-color:#ffffff26;border-radius:50%;width:8px;height:8px;transition:all .3s}.progress-dot.active{background-color:var(--rose-primary);width:24px;box-shadow:0 0 8px var(--rose-glow)}.progress-dot.completed{background-color:#fda4af}.hearts-container{pointer-events:none;z-index:100;position:fixed;inset:0;overflow:hidden}.floating-heart-bubble{position:absolute}@media (width<=640px){.story-card{border-radius:20px;padding:32px 24px}.story-header{font-size:1.85rem}.final-success-text{font-size:2.2rem}.btn-telegram-link{padding:14px 28px;font-size:1.05rem}.game-buttons-container{flex-direction:column;gap:16px;min-height:220px}.btn-game-no{order:2;padding:10px 20px;font-size:.85rem}}