.sound-pill{top:calc(var(--safe-top) + 12px);z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-pure);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:6px;padding:8px 14px;font-size:.78rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;right:16px;box-shadow:0 4px 15px #0000004d}.sound-pill:active{transform:scale(.94)}.sound-pill.playing{background:#a855f740;border-color:#a855f780;box-shadow:0 0 16px #a855f766}.sound-icon-pulse{animation:1.8s ease-in-out infinite soundPulse}@keyframes soundPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.story-fullscreen-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;z-index:20;width:100%;min-height:100dvh;padding:calc(var(--safe-top) + 20px) 16px calc(var(--safe-bottom) + 30px);-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;display:flex;position:relative;overflow-y:auto}.story-container{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;width:100%;max-width:440px;margin:auto 0;display:flex;position:relative}.story-dots-container{z-index:60;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:20px;display:flex}.story-dot{cursor:pointer;background:#ffffff38;border:1px solid #ffffff1a;border-radius:50%;width:10px;height:10px;padding:0;transition:all .35s cubic-bezier(.16,1,.3,1)}.story-dot:hover{background:#fff6;transform:scale(1.2)}.story-dot.passed{background:#a855f799;border-color:#a855f7cc}.story-dot.active{background:linear-gradient(90deg,#f472b6,#a855f7,#fef08a);border-color:#fef08acc;border-radius:999px;width:32px;box-shadow:0 0 14px #a855f7b3}.fullscreen-nav-tap-zones{pointer-events:none;z-index:25;justify-content:space-between;display:flex;position:fixed;inset:0}.nav-zone-side{opacity:.25;align-items:center;width:35%;height:100%;padding:0 12px;transition:opacity .3s;display:flex}.nav-zone-side.right{justify-content:flex-end;width:65%}.zone-hint-arrow{color:#fff6;text-shadow:0 0 10px #a855f780;font-size:2.2rem}.slide-content-wrapper{z-index:30;width:100%;position:relative}.slide-forward{animation:.45s cubic-bezier(.16,1,.3,1) forwards slideInFromRight}.slide-backward{animation:.45s cubic-bezier(.16,1,.3,1) forwards slideInFromLeft}@keyframes slideInFromRight{0%{opacity:0;transform:translate(35px)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-35px)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}.story-card{text-align:center;background:linear-gradient(160deg,#2e1a4bbd 0%,#201236d1 60%,#160b26e3 100%);border:1.5px solid #ffffff3d;flex-direction:column;justify-content:space-between;align-items:center;min-height:440px;padding:34px 22px 28px;display:flex;box-shadow:0 18px 48px #0000008c,0 0 35px #a855f73d,0 0 20px #f43f5e2e}.gallery-story-card{padding:22px 14px}.starlight-badge{letter-spacing:.06em;text-transform:uppercase;color:#fce7f3;background:#ffffff1f;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:6px 14px;font-size:.75rem;font-weight:500;display:inline-flex;box-shadow:0 0 16px #f43f5e40}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.story-title{font-family:var(--font-serif);margin:10px 0 14px;font-size:2.2rem;font-weight:700;line-height:1.2}.highlight-name{-webkit-text-fill-color:transparent;text-shadow:0 0 25px #f43f5e80;background:linear-gradient(135deg,#fce7f3,#fb7185,#fde047);-webkit-background-clip:text;background-clip:text}.story-subtitle{font-family:var(--font-serif);-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#fbcfe8);-webkit-background-clip:text;background-clip:text;margin:8px 0 14px;font-size:1.65rem;font-weight:600}.story-p-large{color:#f8fafc;margin-bottom:14px;font-size:1.05rem;font-weight:450;line-height:1.7}.story-whisper{font-family:var(--font-display-serif,"Cormorant Garamond", serif);color:#fef08a;text-shadow:0 0 16px #fef08a73;margin-bottom:18px;font-size:1.22rem;font-style:italic;line-height:1.6}.story-icon-header{margin-bottom:10px}.envelope-badge{background:#f43f5e26;border:1px solid #f43f5e66;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto;display:flex;box-shadow:0 0 20px #f43f5e4d}.heartshake-icon{color:#fb7185}.story-letter{color:#f8fafc;text-align:left;flex-direction:column;gap:10px;font-size:.95rem;line-height:1.68;display:flex}.story-quote{font-family:var(--font-display-serif,"Cormorant Garamond", serif);color:#fef08a;text-align:center;text-shadow:0 0 10px #fef08a59;margin-top:6px;font-size:1.15rem;font-style:italic}.story-clues{text-align:left;flex-direction:column;gap:8px;width:100%;margin-bottom:12px;display:flex}.story-clue-pill{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:14px;align-items:center;gap:10px;padding:9px 13px;font-size:.86rem;line-height:1.45;display:flex}.story-clue-pill strong{color:#fef08a}.clue-num{flex-shrink:0;font-size:1.15rem}.mystery-highlight-box{background:linear-gradient(135deg,#a855f726,#f43f5e26);border:1px solid #fef08a59;border-radius:20px;flex-direction:column;align-items:center;gap:10px;margin:14px 0;padding:18px;display:flex;box-shadow:0 0 25px #a855f733}.mystery-sparkle{color:var(--gold-champagne);animation:1.5s infinite alternate pulseGlow}.mystery-text{font-family:var(--font-display-serif,"Cormorant Garamond", serif);color:#fff;font-size:1.15rem;font-style:italic;line-height:1.6}.ignition-core-container{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:18px auto 10px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.ignition-core-container:active{transform:scale(.92)}.orb-wrapper{justify-content:center;align-items:center;width:130px;height:130px;margin:0 auto;display:flex;position:relative}.orbital-ring{pointer-events:none;border-radius:50%;margin:auto;position:absolute;inset:0}.orbital-ring.ring-1{border:1.5px dashed #fef08a80;width:126px;height:126px;animation:8s linear infinite spinRingCW;box-shadow:0 0 15px #fef08a40}.orbital-ring.ring-2{border:1.5px dotted #f43f5e99;width:102px;height:102px;animation:6s linear infinite spinRingCCW;box-shadow:0 0 20px #f43f5e59}@keyframes spinRingCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinRingCCW{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.pulsing-core-orb{z-index:2;background:radial-gradient(circle at 35% 35%,#fff 0%,#fde047 30%,#f43f5e 70%,#9333ea 100%);border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;margin:auto;animation:2s ease-in-out infinite alternate orbPulse;display:flex;position:relative;overflow:hidden;box-shadow:0 0 45px #f43f5ed9,0 0 70px #fde04766}.orb-inner-shimmer{pointer-events:none;background:linear-gradient(135deg,#fff9 0%,#0000 60%);border-radius:50%;position:absolute;inset:0}.orb-star{color:#fff;filter:drop-shadow(0 0 8px #ffffffe6);z-index:2;animation:5s linear infinite spinSlow}@keyframes orbPulse{0%{transform:scale(.92);box-shadow:0 0 30px #f43f5eb3,0 0 50px #fde0474d}to{transform:scale(1.1);box-shadow:0 0 55px #f43f5ef2,0 0 85px #fde047a6,0 0 110px #a855f766}}.ignite-label{color:var(--gold-champagne);letter-spacing:.05em;text-shadow:0 0 10px #fef08a99;font-size:.85rem;font-weight:700;animation:1.8s infinite alternate pulseGlow}.climax-reveal-btn{border:1.5px solid #fef08a99;position:relative;overflow:hidden;box-shadow:0 0 25px #f43f5e80,0 8px 24px #0009}.climax-reveal-btn:after{content:"";pointer-events:none;background:linear-gradient(60deg,#0000 35%,#ffffff59 50%,#0000 65%);width:200%;height:200%;animation:3s ease-in-out infinite shimmerSweep;position:absolute;top:-50%;left:-60%}@keyframes shimmerSweep{0%{transform:translate(-100%)rotate(25deg)}to{transform:translate(100%)rotate(25deg)}}.tap-to-continue-pill{color:var(--text-pure);background:#ffffff14;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:8px 18px;font-size:.82rem;font-weight:500;transition:all .3s;animation:2.5s infinite alternate pulseGlow;display:inline-flex}.tap-to-continue-pill:active{transform:scale(.95)}:root{--bg-dark:#120722;--bg-card:#26163cbf;--primary-glow:#c084fc;--rose-glow:#fb7185;--gold-glow:#fef08a;--gold-champagne:#fde047;--text-pure:#fff;--text-muted:#f8fafc;--text-faint:#f8fafcd9;--glass-bg:linear-gradient(145deg, #2e1a4bb3 0%, #1e1034c7 50%, #160b26db 100%);--glass-border:#ffffff3d;--glass-shadow:0 20px 50px #0009, 0 0 35px #a855f738, 0 0 20px #f43f5e29;--font-serif:"Playfair Display", Georgia, serif;--font-display:"Italiana", serif;--font-display-serif:"Cormorant Garamond", serif;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--safe-top:env(safe-area-inset-top,16px);--safe-bottom:env(safe-area-inset-bottom,20px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:pan-y pinch-zoom;margin:0;padding:0}button,a,.glow-btn,.action-pill{touch-action:manipulation}html,body{width:100%;min-height:100dvh;color:var(--text-pure);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;background:#000;position:relative;overflow:hidden auto}body{background:#000;justify-content:center;align-items:flex-start;display:flex;overflow-y:auto}.background-canvas{pointer-events:none;z-index:1;width:100vw;height:100dvh;position:fixed;top:0;left:0;transform:translateZ(0)}.ambient-top-light{pointer-events:none;z-index:0;background:radial-gradient(at 50% 0,#f43f5e26 0%,#a855f71a 45%,#0000 75%);height:45vh;position:fixed;top:0;left:0;right:0;transform:translateZ(0)}.ambient-glow{opacity:.35;pointer-events:none;z-index:0;border-radius:50%;position:fixed;transform:translateZ(0)}.glow-1{background:radial-gradient(circle,#c084fc6b 0%,#a855f72e 45%,#0000 72%);width:520px;height:520px;top:-120px;left:-120px}.glow-2{background:radial-gradient(circle,#fb718561 0%,#f43f5e29 48%,#0000 72%);width:560px;height:560px;bottom:-100px;right:-100px}.glow-3{background:radial-gradient(circle,#fef08a42 0%,#fef08a17 45%,#0000 70%);width:460px;height:460px;top:40%;left:15%}.glow-4{background:radial-gradient(circle,#f472b652 0%,#ec48991f 50%,#0000 72%);width:480px;height:480px;top:25%;right:-80px}.glow-5{background:radial-gradient(circle,#a855f759 0%,#9333ea24 48%,#0000 72%);width:520px;height:520px;bottom:25%;left:-100px}.app-viewport{z-index:2;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;padding:0 16px;display:flex;position:relative}.glass-card{-webkit-backdrop-filter:blur(10px);border:1.5px solid var(--glass-border);content-visibility:auto;contain-intrinsic-size:1px 460px;contain:layout paint;background:linear-gradient(145deg,#2e1a4bad 0%,#1e1034c7 50%,#160b26e0 100%);border-radius:28px;width:100%;padding:24px;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 18px 48px #0000008c,0 0 35px #a855f738,0 0 20px #f43f5e26,inset 0 1px 2px #fff6}.glass-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff59,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glow-btn{color:#fff;font-family:var(--font-sans);letter-spacing:.02em;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:linear-gradient(135deg,#f43f5e,#a855f7,#fde047) 0 0/200% 200%;border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:16px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 10px 30px #f43f5e66,0 0 20px #a855f74d}.glow-btn:active{transform:scale(.96);box-shadow:0 5px 15px #f43f5e99}.pulse-glow{animation:3s ease-in-out infinite pulseGlowBtn}@keyframes pulseGlowBtn{0%{background-position:0%;box-shadow:0 0 15px #f43f5e66,0 8px 25px #0006}50%{background-position:100%;box-shadow:0 0 35px #f43f5ecc,0 0 30px #fef08a80}to{background-position:0%;box-shadow:0 0 15px #f43f5e66,0 8px 25px #0006}}.fullscreen-pill{top:max(16px, var(--safe-top));z-index:100;-webkit-backdrop-filter:blur(12px);width:36px;height:36px;color:var(--text-pure);cursor:pointer;touch-action:manipulation;background:#121216a6;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;left:16px}.fullscreen-pill:active{transform:scale(.9)}.fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sparkle-spin{animation:8s linear infinite spinSlow}