:root{--bg-start:#f3e8ff;--bg-mid:#e9d5ff;--bg-end:#d8b4fe;--accent:#9333ea;--accent-dark:#7e22ce;--accent-light:#c084fc;--gold:#fbbf24;--rose:#f472b6;--text-dark:#4c1d95;--text-light:#fff;--font-script:"Great Vibes", cursive;--font-sans:"Montserrat", sans-serif;--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body,#root{overscroll-behavior:none;background:linear-gradient(160deg, var(--bg-start), var(--bg-mid), var(--bg-end));height:100%;font-family:var(--font-sans);color:var(--text-dark);scroll-snap-type:y mandatory;scrollbar-width:none;margin:0;padding:0;overflow-y:auto}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{z-index:1;flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.episode{height:100dvh;min-height:100dvh;padding:calc(var(--safe-top) + 20px) 20px calc(var(--safe-bottom) + 20px);scroll-snap-align:start;justify-content:center;align-items:center;display:flex;position:relative;overflow-y:auto}.episode-content{text-align:center;-webkit-backdrop-filter:blur(15px);background:#ffffffa6;border-radius:25px;width:100%;max-width:420px;padding:25px 20px;position:relative;box-shadow:0 15px 35px #9333ea40,0 0 0 2px #ffffff4d}.timer-label{color:var(--accent-dark);letter-spacing:.5px;margin-bottom:10px;font-size:1.1rem;font-weight:600}.timer-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px;display:grid}.timer-item{background:var(--accent);color:#fff;border-radius:15px;padding:12px 4px;transition:transform .2s;box-shadow:0 8px 20px #9333ea66}.timer-item span{font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:700;line-height:1;display:block}.timer-item small{text-transform:uppercase;letter-spacing:.5px;opacity:.9;margin-top:5px;font-size:.65rem;display:block}.photo-polaroid{background:#fff;border-radius:12px;margin:0 auto;padding:12px 12px 35px;transition:transform .3s;transform:rotate(-2deg);box-shadow:0 12px 30px #0003}.photo-polaroid:hover{transform:rotate(0)scale(1.02)}.photo-polaroid img{aspect-ratio:3/4;object-fit:cover;border-radius:6px;width:100%;display:block}.photo-caption{font-family:var(--font-script);color:var(--accent-dark);margin-top:10px;font-size:1.8rem;line-height:1.2}.photo-date{color:var(--accent);margin-top:3px;font-size:.8rem;font-weight:600}.text-episode p{text-align:center;color:var(--text-dark);white-space:pre-line;font-size:1.5rem;font-weight:500;line-height:1.7}.text-episode-title{font-family:var(--font-script);color:var(--accent-dark);margin-bottom:.5rem;font-size:2.2rem;font-weight:400}.buttons-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;min-height:60px;margin-top:20px;display:flex;position:relative}.btn{cursor:pointer;letter-spacing:.5px;-webkit-user-select:none;user-select:none;font-size:1.2rem;font-weight:600;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;border:none;border-radius:50px;outline:none;padding:14px 32px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.btn-yes{color:#fff;background:linear-gradient(135deg,#9333ea,#7e22ce);border:2px solid #ffffff4d;box-shadow:0 10px 25px #9333ea80}.btn-yes:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 15px 35px #9333eab3}.btn-yes:active{transform:translateY(2px)scale(.97)}.btn-no{color:var(--accent-dark);border:2px solid var(--accent-light);background:#fffc;box-shadow:0 5px 15px #0000001a}.btn-no:hover{background:#fff;box-shadow:0 8px 20px #00000026}.accepted-message{flex-direction:column;align-items:center;gap:15px;animation:.6s ease-out fadeInUp;display:flex}.accepted-message h2{font-family:var(--font-script);color:var(--accent-dark);margin:0;font-size:3rem}.accepted-message .ring{font-size:4rem;animation:1.5s ease-in-out infinite ringPulse;display:block}@keyframes ringPulse{0%,to{filter:drop-shadow(0 0 10px #fbbf2499);transform:scale(1)}50%{filter:drop-shadow(0 0 25px #fbbf24);transform:scale(1.2)}}.floating-hearts{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.floating-heart{opacity:.5;-webkit-user-select:none;user-select:none;will-change:transform, opacity;animation:linear infinite floatUp;position:absolute;bottom:-60px}@keyframes floatUp{0%{opacity:0;transform:translateY(0)rotate(0)scale(1)}10%{opacity:.7}50%{opacity:.8}90%{opacity:.4}to{opacity:0;transform:translateY(-120vh)rotate(720deg)scale(.3)}}.progress-dots{z-index:50;flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;right:15px;transform:translateY(-50%)}.progress-dot{cursor:pointer;background:#9333ea4d;border-radius:50%;width:10px;height:10px;transition:all .3s}.progress-dot.active{background:var(--accent);box-shadow:0 0 10px var(--accent);transform:scale(1.3)}.lightbox{z-index:100;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.lightbox img{object-fit:contain;border-radius:10px;max-width:90%;max-height:80%;box-shadow:0 0 50px #fff3}.lightbox-close{top:calc(var(--safe-top) + 20px);cursor:pointer;width:40px;height:40px;color:var(--accent-dark);background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;right:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=380px){.episode-content{padding:18px 15px}.timer-item span{font-size:1.8rem}.btn{padding:12px 24px;font-size:1rem}.photo-caption{font-size:1.5rem}}.message-episode{width:100%;max-width:400px;margin:0 auto}.message-date{color:var(--accent-dark);margin-bottom:10px;font-size:.9rem;font-weight:600}.message-bubble{text-align:left;background:#fff;border-radius:18px;max-width:85%;padding:15px 20px;position:relative;box-shadow:0 5px 15px #9333ea33}.message-bubble.from-me{background:var(--accent);color:#fff;margin-left:auto}.message-bubble.from-her{color:var(--text-dark);background:#fff;margin-right:auto}.message-sender{opacity:.7;margin-bottom:4px;font-size:.8rem;font-weight:600}.message-text{font-size:1.3rem;font-family:var(--font-script)}.photo-slider-wrapper{width:100%;max-width:400px;margin:0 auto}.slider-title{font-family:var(--font-script);color:var(--accent-dark);margin-bottom:.1em;font-size:2.2rem}.slider-date{color:var(--accent);margin-bottom:.1em;font-size:.9rem;font-weight:600}.slider-text{margin-bottom:.5em;font-size:1rem;font-weight:300}.slider-container{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;border-radius:15px;gap:10px;padding:5px 0;display:flex;overflow-x:auto}.slider-container::-webkit-scrollbar{display:none}.slider-slide{scroll-snap-align:start;background:#fff;border-radius:15px;flex:0 0 100%;max-width:100%;max-height:500px;overflow:hidden;box-shadow:0 8px 20px #0003}.slider-slide img{object-fit:cover;aspect-ratio:3/4;width:100%;height:100%}.slider-dots{justify-content:center;gap:8px;margin-top:10px;display:flex}.slider-dot{cursor:pointer;background:#9333ea4d;border-radius:50%;width:10px;height:10px;transition:background .3s}.slider-dot.active{background:var(--accent);transform:scale(1.3)}.dialogue-episode{width:100%;max-width:400px;margin:0 auto}.dialogue-date{color:var(--accent-dark);margin-bottom:8px;font-size:.9rem;font-weight:600}.dialogue-intro{color:var(--text-dark);text-align:center;margin-bottom:15px;font-size:1rem;font-weight:500}.dialogue-messages{flex-direction:column;gap:8px;display:flex}.dialogue-message{text-align:left;border-radius:18px;max-width:80%;padding:10px 15px;position:relative;box-shadow:0 3px 10px #0000001a}.dialogue-message.from-me{color:var(--text-dark);background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.dialogue-message.from-her{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.dialogue-sender{opacity:.7;margin-bottom:2px;font-size:.7rem;font-weight:600;display:block}.dialogue-text{font-size:1rem;line-height:1.4}.scan-episode{flex-direction:column;align-items:center;gap:15px;display:flex}.scan-title{font-family:var(--font-script);color:var(--accent-dark);text-align:center;margin:0;font-size:2rem;line-height:1.2}.scan-hint{color:var(--text-dark);text-align:center;max-width:280px;margin:0;font-size:1rem;font-weight:500}.scan-circle{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#fff6;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin:20px 0;display:flex;position:relative}.scan-svg{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(0)}.scan-track{fill:none;stroke:#9333ea26;stroke-width:3px}.scan-progress{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 6px #9333eacc);transition:stroke-dashoffset 50ms linear}.scan-heart{filter:drop-shadow(0 0 15px #9333ea99);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:none;justify-content:center;align-items:center;font-size:5rem;display:flex}.scan-status{color:var(--accent-dark);letter-spacing:1px;text-transform:uppercase;opacity:.8;min-height:1.2em;font-size:.9rem;font-weight:500}.episode-dark{background:radial-gradient(at 50% 40%,#241a4d 0%,#150c33 45%,#06021a 100%)}.constellation-episode{color:#ede9fe;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:420px;padding:10px;display:flex;position:relative}.constellation-title{font-family:var(--font-script);color:#f5f3ff;text-shadow:0 0 20px #a855f7b3,0 0 40px #a855f766;text-align:center;margin:0;font-size:2.4rem;line-height:1.15}.constellation-hint{color:#c4b5fd;text-align:center;opacity:.9;max-width:300px;margin:0;font-size:.95rem;font-weight:400}.constellation-sky{aspect-ratio:1/1.15;width:100%;max-width:380px;margin:8px auto 4px;position:relative}.constellation-bg-stars{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bg-star{background:#fff;border-radius:50%;width:2px;height:2px;animation:linear infinite twinkle;position:absolute;box-shadow:0 0 4px #fffc}@keyframes twinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.7;transform:scale(1.4)}}.constellation-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.constellation-star{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.constellation-star-glow{pointer-events:none;background:radial-gradient(circle,#a855f7cc 0%,#a855f700 70%);border-radius:50%;position:absolute;inset:0}.constellation-star.visited .constellation-star-glow{background:radial-gradient(circle,#fbbf24d9 0%,#f472b666 40%,#a855f700 75%)}.constellation-star-core{z-index:2;background:#e9d5ff;border-radius:50%;width:12px;height:12px;position:relative;box-shadow:0 0 10px #c084fc,0 0 22px #a855f7b3,inset 0 0 4px #fff}.constellation-star.visited .constellation-star-core{background:#fde68a;box-shadow:0 0 14px #fbbf24,0 0 32px #f472b6e6,inset 0 0 5px #fff}.constellation-star-number{color:#c4b5fd;letter-spacing:1px;opacity:.75;pointer-events:none;font-size:.7rem;font-weight:600;transition:color .4s,opacity .4s;position:absolute;bottom:-22px}.constellation-star.visited .constellation-star-number{color:#fbbf24;opacity:1}.constellation-progress{color:#c4b5fd;letter-spacing:1.5px;text-transform:uppercase;opacity:.8;margin:0;font-size:.85rem}.constellation-overlay{-webkit-backdrop-filter:blur(8px);padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));padding-top:calc(20px + env(safe-area-inset-top));z-index:200;background:#0a041ebf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.constellation-card{text-align:center;width:100%;max-width:360px;color:var(--text-dark);background:linear-gradient(160deg,#fffffff7,#ede9fef2);border-radius:24px;padding:28px 24px 24px;box-shadow:0 25px 70px #a855f78c,0 0 0 1px #c084fc80,inset 0 0 40px #a855f74d}.constellation-card-date{color:var(--accent);letter-spacing:3px;text-transform:uppercase;margin-bottom:8px;font-size:.85rem;font-weight:700}.constellation-card-title{font-family:var(--font-script);color:var(--accent-dark);text-shadow:0 0 20px #a855f740;margin:0 0 12px;font-size:2.2rem;line-height:1.1}.constellation-card-memory{color:#4c1d95;margin:0 0 20px;font-size:1rem;font-weight:500;line-height:1.6}@media (width<=380px){.constellation-title{font-size:2rem}.constellation-card-title{font-size:1.8rem}.constellation-star{width:34px;height:34px}.constellation-star-core{width:10px;height:10px}}.final-scene{z-index:150;padding:calc(20px + env(safe-area-inset-top)) 24px calc(20px + env(safe-area-inset-bottom));background:radial-gradient(at 50% 25%,#3b1a6e 0%,#1e0d3f 40%,#0a0420 75%,#02000d 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.final-scene-bg{pointer-events:none;position:absolute;inset:0}.final-scene-bg-star{background:#fff;border-radius:50%;animation:2s ease-in-out infinite starTwinkle;position:absolute;box-shadow:0 0 4px #fffc}@keyframes starTwinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}.final-scene-shooting{pointer-events:none;position:absolute;inset:0;overflow:hidden}.shooting-star{opacity:0;transform-origin:50%;background:#fff;border-radius:50%;width:3px;height:3px;animation:linear infinite shootStar;position:absolute;box-shadow:0 0 8px 3px #fffffff2,0 0 20px 6px #c4b5fdb3,0 0 40px 10px #a855f766}.shooting-star:before{content:"";width:var(--tail,100px);filter:blur(.5px);background:linear-gradient(270deg,#fffffff2 0%,#c4b5fd99 30%,#a855f733 65%,#0000 100%);border-radius:2px;height:2px;position:absolute;top:50%;right:100%;transform:translateY(-50%)}@keyframes shootStar{0%{transform:rotate(var(--angle,35deg)) translateX(0) scale(var(--scale,1));opacity:0}8%{opacity:1}85%{opacity:1}to{transform:rotate(var(--angle,35deg)) translateX(var(--distance,600px)) scale(var(--scale,1));opacity:0}}.final-scene-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:400px;display:flex;position:relative}.final-scene-heart{filter:drop-shadow(0 0 25px #c4b5fde6)drop-shadow(0 0 50px #a855f7b3);margin-bottom:4px;font-size:4.5rem;display:inline-block}.final-scene-title{font-family:var(--font-script);color:#fff;text-shadow:0 0 20px #c4b5fde6,0 0 50px #a855f799,0 0 80px #a855f766;margin:0;font-size:3.2rem;line-height:1.1}.final-scene-subtitle{color:#e9d5ff;text-shadow:0 0 12px #a855f780;margin:0;font-size:1.05rem;font-weight:500;line-height:1.6}.final-scene-sign{color:#c4b5fd;letter-spacing:3px;text-transform:uppercase;opacity:.85;margin:0;font-size:.9rem;font-weight:400}@media (width<=380px){.final-scene-title{font-size:2.6rem}.final-scene-heart{font-size:3.8rem}.final-scene-subtitle{font-size:.95rem}}.tap-waves-layer{pointer-events:none;z-index:90;position:fixed;inset:0;overflow:hidden}.tap-wave{pointer-events:none;width:0;height:0;position:absolute}.tap-wave-ring{pointer-events:none;border:2px solid #a855f7bf;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 20px #a855f799,inset 0 0 20px #c4b5fd66}.tap-wave-ring--soft{border-color:#f472b68c;box-shadow:0 0 25px #f472b673}.tap-wave-particle{transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 6px #a855f7b3);will-change:transform, opacity;line-height:1;position:absolute}.tap-wave-ring--gold{border-color:#fbbf24cc;box-shadow:0 0 30px #fbbf24b3,inset 0 0 30px #fbbf2459}.tap-wave-particle--big{filter:drop-shadow(0 0 10px #fbbf24e6)drop-shadow(0 0 20px #a855f799)}.candle-episode{flex-direction:column;align-items:center;gap:16px;display:flex}.candle-title{font-family:var(--font-script);color:var(--accent-dark);text-align:center;text-shadow:0 0 25px #a855f740;margin:0;font-size:2.4rem}.candle-hint{color:var(--text-dark);text-align:center;opacity:.9;min-height:1.4em;margin:0;font-size:1rem;font-weight:500}.candle-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;width:140px;height:300px;margin:8px 0 4px;position:relative}.candle-body{background:linear-gradient(90deg,#6d28d9 0%,#a855f7 20%,#e9d5ff 45%,#f3e8ff 55%,#d8b4fe 75%,#7c3aed 100%);border-radius:8px 8px 4px 4px;width:80px;height:180px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset -8px 0 18px #4c1d9566,inset 8px 0 18px #ffffff1f,0 15px 40px #9333ea80}.candle-body:before{content:"";filter:blur(.3px);background:radial-gradient(#e9d5ff 0%,#7c3aed 70%,#4c1d95 100%);border-radius:50%;width:84px;height:12px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.candle-wick{background:linear-gradient(#444,#1a1a1a);border-radius:1px;width:3px;height:14px;position:absolute;bottom:184px;left:50%;transform:translate(-50%)}.candle-flame-area{pointer-events:none;justify-content:center;align-items:flex-end;width:100px;height:120px;display:flex;position:absolute;bottom:195px;left:50%;transform:translate(-50%)}.candle-glow{pointer-events:none;background:radial-gradient(circle,#fbbf2480 0%,#fbbf2426 30%,#0000 65%);border-radius:50%;width:220px;height:220px;animation:3s ease-in-out infinite glowPulse;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}@keyframes glowPulse{0%,to{opacity:.85;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.12)}}.candle-flame{filter:drop-shadow(0 0 15px #fbbf24f2)drop-shadow(0 0 30px #fbbf2480);transform-origin:50% 100%;will-change:transform;background:radial-gradient(at 50% 75%,#fff 0%,#fffef2 15%,#fde68a 35%,#fbbf24 55%,#f97316 75%,#dc2626 100%);border-radius:50% 50% 45% 45%/65% 65% 35% 35%;width:26px;height:52px;animation:.85s ease-in-out infinite flameFlicker;position:relative}.candle-flame:after{content:"";filter:blur(1px);opacity:.9;background:radial-gradient(#fff 0%,#fef3c7 60%,#0000 100%);border-radius:50% 50% 40% 40%/60% 60% 40% 40%;width:10px;height:22px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}@keyframes flameFlicker{0%,to{transform:scaleX(1)scaleY(1)rotate(0)}15%{transform:scaleX(1.06)scaleY(.96)rotate(-2deg)}30%{transform:scaleX(.95)scaleY(1.06)rotate(1.5deg)}50%{transform:scaleX(1.04)scaleY(.98)rotate(-1deg)}70%{transform:scaleX(.97)scaleY(1.04)rotate(2deg)}85%{transform:scaleX(1.03)scaleY(1.02)rotate(-1.5deg)}}.candle-smoke{pointer-events:none;width:0;height:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.candle-smoke-wisp{filter:blur(4px);will-change:transform, opacity;background:#d8b4febf;border-radius:50%;position:absolute;bottom:0;left:0}.candle-note{color:#a78bfa;text-align:center;letter-spacing:.5px;opacity:.85;margin:0;font-size:.85rem}.candle-wish{text-align:center;flex-direction:column;gap:6px;margin-top:6px;display:flex}.candle-wish-main{font-family:var(--font-script);color:var(--accent-dark);text-shadow:0 0 25px #a855f74d;margin:0;font-size:2.2rem;line-height:1.1}.candle-wish-small{color:var(--text-dark);opacity:.85;margin:0;font-size:1rem;font-weight:500}@media (width<=380px){.candle-title{font-size:2rem}.candle-wrap{transform:scale(.92)}.candle-wish-main{font-size:1.9rem}}.final-scene-continue{-webkit-backdrop-filter:blur(10px);color:#f5f3ff;font-family:var(--font-sans);letter-spacing:.5px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#4c1d9559;border:1.5px solid #c4b5fdb3;border-radius:50px;margin-top:12px;padding:12px 26px;font-size:.95rem;font-weight:500;transition:all .3s;box-shadow:0 0 25px #a855f759}.final-scene-continue:hover,.final-scene-continue:active{background:#9333ea8c;border-color:#fbbf24cc;transform:translateY(-1px);box-shadow:0 0 35px #fbbf2480}.filmstrip-scene{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:720px;display:flex;position:relative}.filmstrip-title{font-family:var(--font-script);color:#fff;text-shadow:0 0 25px #c4b5fde6,0 0 50px #a855f799;margin:0;font-size:2.6rem}.filmstrip{background:linear-gradient(#0a0a0a,#050505,#0a0a0a);width:100vw;padding:32px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000000e6,0 0 30px #a855f74d;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.filmstrip:before,.filmstrip:after{content:"";z-index:3;pointer-events:none;background-color:#050505;background-image:repeating-linear-gradient(90deg,#0000 0 6px,#e9d5ffd9 6px 12px,#0000 12px 18px);background-position:0 3px;background-repeat:repeat-x;background-size:18px 10px;height:16px;position:absolute;left:0;right:0}.filmstrip:before{top:4px}.filmstrip:after{bottom:4px}.filmstrip-track{will-change:transform;gap:10px;width:max-content;padding:0 10px;animation:70s linear infinite filmScroll;display:flex}@keyframes filmScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.filmstrip-frame{background:#1a1a1a;border-radius:3px;flex-direction:column;flex:none;width:120px;height:160px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #c4b5fd26,0 6px 18px #000000b3}.filmstrip-frame img{object-fit:cover;width:100%;height:100%;display:block}.filmstrip-sign{color:#c4b5fd;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 15px #a855f799;margin:0;font-size:.95rem;font-weight:500}@media (width<=380px){.filmstrip-title{font-size:2.1rem}.filmstrip-frame{width:100px;height:133px}.filmstrip-sign{letter-spacing:1.5px;font-size:.8rem}}.hidden-heart{z-index:5;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;filter:drop-shadow(0 0 6px #a855f780);will-change:transform, opacity;pointer-events:auto;background:0 0;border:none;width:36px;height:36px;padding:0;font-size:1.4rem;line-height:1;position:absolute}.hidden-heart.found{filter:drop-shadow(0 0 12px #fbbf24e6)}.hidden-heart-overlay{-webkit-backdrop-filter:blur(8px);padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));z-index:220;background:#4c1d958c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hidden-heart-card{text-align:center;width:100%;max-width:360px;color:var(--text-dark);background:linear-gradient(160deg,#fff,#f3e8ff);border-radius:24px;padding:30px 24px 24px;box-shadow:0 25px 60px #9333ea80,0 0 0 3px #ffffff80,0 0 0 6px #9333ea4d}.hidden-heart-emoji{filter:drop-shadow(0 0 18px #a855f7b3);margin-bottom:14px;font-size:3.5rem;display:inline-block}.hidden-heart-text{color:var(--text-dark);margin:0 0 20px;font-size:1.05rem;font-weight:500;line-height:1.6}.trail-episode{flex-direction:column;align-items:center;gap:14px;display:flex}.trail-title{font-family:var(--font-script);color:var(--accent-dark);text-align:center;text-shadow:0 0 25px #a855f74d;min-height:1.3em;margin:0;font-size:2.4rem}.trail-canvas-wrap{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:radial-gradient(circle,#2d1b5e 0%,#150c33 55%,#0a0420 100%);border-radius:24px;width:100%;max-width:380px;margin:6px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #a855f740,0 15px 45px #4c1d9566}.trail-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.trail-hint{color:#c4b5fd;letter-spacing:2px;text-transform:lowercase;pointer-events:none;text-shadow:0 0 15px #a855f799;justify-content:center;align-items:center;font-size:1rem;font-weight:500;animation:2s ease-in-out infinite trailHintPulse;display:flex;position:absolute;inset:0}@keyframes trailHintPulse{0%,to{opacity:.4}50%{opacity:1}}.trail-caption{color:var(--text-dark);text-align:center;letter-spacing:.4px;opacity:.9;min-height:1.4em;margin:0;font-size:.95rem;font-weight:500}@media (width<=380px){.trail-title{font-size:2rem}.trail-caption{font-size:.85rem}}.fireworks-scene{padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.name-fireworks{justify-content:center;align-items:center;width:100%;max-width:460px;height:100%;max-height:620px;display:flex;position:relative}.name-fireworks-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.name-fireworks-caption{left:20px;right:20px;bottom:calc(40px + env(safe-area-inset-bottom));font-family:var(--font-script);color:#f5f3ff;text-align:center;text-shadow:0 0 20px #c4b5fde6,0 0 45px #a855f7b3;pointer-events:none;margin:0;font-size:1.7rem;line-height:1.25;position:absolute}@media (width<=380px){.name-fireworks-caption{font-size:1.6rem}}