.sound-pill{position:fixed;top:calc(var(--safe-top) + 12px);right:16px;z-index:100;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:9999px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-pure);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);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:soundPulse 1.8s infinite ease-in-out}@keyframes soundPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.story-fullscreen-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:20;padding:calc(var(--safe-top) + 12px) 16px calc(var(--safe-bottom) + 20px);overflow-y:auto;-webkit-overflow-scrolling:touch}.story-container{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none;position:relative;margin:auto 0}.story-dots-container{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;width:100%;z-index:60}.story-dot{width:10px;height:10px;border-radius:50%;background:#ffffff38;border:1px solid rgba(255,255,255,.1);padding:0;cursor:pointer;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{width:32px;border-radius:999px;background:linear-gradient(90deg,#f472b6,#a855f7,#fef08a);border-color:#fef08acc;box-shadow:0 0 14px #a855f7b3}.fullscreen-nav-tap-zones{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:space-between;pointer-events:none;z-index:25}.nav-zone-side{width:35%;height:100%;display:flex;align-items:center;padding:0 12px;opacity:.25;transition:opacity .3s ease}.nav-zone-side.right{width:65%;justify-content:flex-end}.zone-hint-arrow{font-size:2.2rem;color:#fff6;text-shadow:0 0 10px rgba(168,85,247,.5)}.slide-content-wrapper{width:100%;position:relative;z-index:30}.slide-forward{animation:slideInFromRight .45s cubic-bezier(.16,1,.3,1) forwards}.slide-backward{animation:slideInFromLeft .45s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInFromRight{0%{opacity:0;transform:translate3d(35px,0,0) scale(.96)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate3d(-35px,0,0) scale(.96)}to{opacity:1;transform:translateZ(0) scale(1)}}.story-card{text-align:center;padding:34px 22px 28px;min-height:440px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:#120e1ac7;border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 60px #000000e6,0 0 25px #a855f71f}.gallery-story-card{padding:22px 14px}.starlight-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#fbcfe8;margin-bottom:12px}.story-title{font-family:var(--font-serif);font-size:2.2rem;font-weight:700;margin:10px 0 14px;line-height:1.2}.highlight-name{background:linear-gradient(135deg,#fbcfe8,#f43f5e,#fde047);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 25px rgba(244,63,94,.4)}.story-subtitle{font-family:var(--font-serif);font-size:1.65rem;font-weight:600;margin:8px 0 14px;background:linear-gradient(135deg,#fff,#fbcfe8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.story-p-large{font-size:1.02rem;line-height:1.7;color:var(--text-muted);margin-bottom:14px}.story-whisper{font-family:var(--font-display-serif, "Cormorant Garamond", serif);font-size:1.18rem;font-style:italic;line-height:1.6;color:#e2e8f0;margin-bottom:18px}.story-icon-header{margin-bottom:10px}.envelope-badge{width:58px;height:58px;border-radius:50%;background:#f43f5e26;border:1px solid rgba(244,63,94,.4);display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 0 20px #f43f5e4d}.heartshake-icon{color:#fb7185}.story-letter{display:flex;flex-direction:column;gap:10px;font-size:.92rem;line-height:1.65;color:var(--text-muted);text-align:left}.story-quote{font-family:var(--font-display-serif, "Cormorant Garamond", serif);font-size:1.1rem;font-style:italic;color:#fde047;text-align:center;margin-top:6px}.story-clues{display:flex;flex-direction:column;gap:12px;width:100%;text-align:left;margin-bottom:14px}.story-clue-pill{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;font-size:.88rem;line-height:1.5;color:#f1f5f9}.clue-num{font-size:1.2rem;flex-shrink:0}.mystery-highlight-box{padding:18px;border-radius:20px;background:linear-gradient(135deg,#a855f726,#f43f5e26);border:1px solid rgba(254,240,138,.35);box-shadow:0 0 25px #a855f733;margin:14px 0;display:flex;flex-direction:column;align-items:center;gap:10px}.mystery-sparkle{color:var(--gold-champagne);animation:pulseGlow 1.5s infinite alternate}.mystery-text{font-family:var(--font-display-serif, "Cormorant Garamond", serif);font-size:1.15rem;font-style:italic;line-height:1.6;color:#fff}.ignition-core-container{position:relative;margin:18px auto 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.ignition-core-container:active{transform:scale(.92)}.orb-wrapper{position:relative;width:130px;height:130px;display:flex;align-items:center;justify-content:center;margin:0 auto}.orbital-ring{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:50%;pointer-events:none}.orbital-ring.ring-1{width:126px;height:126px;border:1.5px dashed rgba(254,240,138,.5);box-shadow:0 0 15px #fef08a40;animation:spinRingCW 8s linear infinite}.orbital-ring.ring-2{width:102px;height:102px;border:1.5px dotted rgba(244,63,94,.6);box-shadow:0 0 20px #f43f5e59;animation:spinRingCCW 6s linear infinite}@keyframes spinRingCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinRingCCW{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.pulsing-core-orb{position:relative;width:74px;height:74px;margin:auto;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#fde047 30%,#f43f5e 70%,#9333ea);display:flex;align-items:center;justify-content:center;box-shadow:0 0 45px #f43f5ed9,0 0 70px #fde04766;animation:orbPulse 2s infinite alternate ease-in-out;overflow:hidden;z-index:2}.orb-inner-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.6) 0%,transparent 60%);pointer-events:none}.orb-star{color:#fff;animation:spinSlow 5s linear infinite;filter:drop-shadow(0 0 8px rgba(255,255,255,.9));z-index:2}@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{font-size:.85rem;font-weight:700;color:var(--gold-champagne);letter-spacing:.05em;text-shadow:0 0 10px rgba(254,240,138,.6);animation:pulseGlow 1.8s infinite alternate}.climax-reveal-btn{position:relative;overflow:hidden;box-shadow:0 0 25px #f43f5e80,0 8px 24px #0009;border:1.5px solid rgba(254,240,138,.6)}.climax-reveal-btn:after{content:"";position:absolute;top:-50%;left:-60%;width:200%;height:200%;background:linear-gradient(60deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);animation:shimmerSweep 3s infinite ease-in-out;pointer-events:none}@keyframes shimmerSweep{0%{transform:translate(-100%) rotate(25deg)}to{transform:translate(100%) rotate(25deg)}}.tap-to-continue-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:var(--text-pure);font-size:.82rem;font-weight:500;margin-top:16px;transition:all .3s ease;animation:pulseGlow 2.5s infinite alternate}.tap-to-continue-pill:active{transform:scale(.95)}:root{--bg-dark: #000000;--bg-card: rgba(18, 18, 22, .7);--primary-glow: #a855f7;--rose-glow: #fb7185;--gold-glow: #fef08a;--gold-champagne: #fde047;--text-pure: #ffffff;--text-muted: rgba(243, 244, 246, .78);--text-faint: rgba(243, 244, 246, .48);--glass-bg: rgba(20, 20, 26, .65);--glass-border: rgba(255, 255, 255, .14);--glass-shadow: 0 25px 60px -15px rgba(0, 0, 0, .9), 0 0 30px rgba(168, 85, 247, .12);--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)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body{width:100%;min-height:100vh;min-height:100dvh;background-color:var(--bg-dark);color:var(--text-pure);font-family:var(--font-sans);overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior-y:none}body{background:#000;display:flex;justify-content:center;align-items:center}.background-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;pointer-events:none;z-index:1;transform:translateZ(0)}.ambient-glow{position:fixed;border-radius:50%;filter:blur(80px);opacity:.22;pointer-events:none;z-index:0;transform:translateZ(0);will-change:transform}.glow-1{width:320px;height:320px;background:radial-gradient(circle,rgba(168,85,247,.4),transparent 70%);top:-80px;left:-80px;animation:floatAmbient 12s ease-in-out infinite alternate}.glow-2{width:350px;height:350px;background:radial-gradient(circle,rgba(244,63,94,.35),transparent 70%);bottom:-60px;right:-60px;animation:floatAmbient 14s ease-in-out infinite alternate-reverse}.glow-3{width:260px;height:260px;background:radial-gradient(circle,rgba(254,240,138,.25),transparent 70%);top:45%;left:30%;animation:floatAmbient 10s ease-in-out infinite alternate}@keyframes floatAmbient{0%{transform:translate(0) scale(1)}to{transform:translate(25px,20px) scale(1.1)}}.app-viewport{position:relative;z-index:2;width:100%;max-width:480px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 16px;margin:0 auto}.glass-card{width:100%;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:28px;box-shadow:var(--glass-shadow);padding:24px;position:relative;overflow:hidden;transform:translateZ(0);will-change:transform}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);pointer-events:none}.glow-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;border-radius:999px;background:linear-gradient(135deg,#f43f5e,#a855f7,#fde047);background-size:200% 200%;color:#fff;font-family:var(--font-sans);font-size:.95rem;font-weight:600;letter-spacing:.02em;border:none;cursor:pointer;box-shadow:0 10px 30px #f43f5e66,0 0 20px #a855f74d;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.glow-btn:active{transform:scale(.96);box-shadow:0 5px 15px #f43f5e99}.pulse-glow{animation:pulseGlowBtn 3s infinite ease-in-out}@keyframes pulseGlowBtn{0%{box-shadow:0 0 15px #f43f5e66,0 8px 25px #0006;background-position:0% 50%}50%{box-shadow:0 0 35px #f43f5ecc,0 0 30px #fef08a80;background-position:100% 50%}to{box-shadow:0 0 15px #f43f5e66,0 8px 25px #0006;background-position:0% 50%}}.fullscreen-pill{position:fixed;top:max(16px,var(--safe-top));left:16px;z-index:100;width:36px;height:36px;border-radius:50%;background:#121216a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:var(--text-pure);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;touch-action:manipulation}.fullscreen-pill:active{transform:scale(.9)}.fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sparkle-spin{animation:spinSlow 8s linear infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}