@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;min-height:100dvh;margin:0;background:#0a0a0a;color:#c4b7a6;color-scheme:dark;font-family:Cormorant Garamond,serif;overflow:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:none}#app{position:fixed;inset:0;z-index:2;pointer-events:none;animation:fadeIn 2s ease-out}#app *{pointer-events:auto}.zone-top{position:absolute;top:5vh;left:50%;transform:translate(-50%);text-align:center;width:100%;padding:0 2rem}@media(max-width:600px){.zone-top{top:8vh}}.zone-mid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;padding:0 2rem}.zone-bot{position:absolute;bottom:calc(6vh + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);text-align:center;width:100%;padding:0 2rem}.moon-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;transition:transform .15s ease-out}.moon-svg{width:clamp(280px,37vh,600px);width:clamp(280px,37dvh,600px);height:clamp(280px,37vh,600px);height:clamp(280px,37dvh,600px);animation:moonPulse 6s ease-in-out infinite;transition:transform .3s ease;cursor:pointer}.moon-svg:hover{transform:scale(1.04)}@keyframes moonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.particles{position:fixed;inset:0;z-index:1;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:#b43c3c66;border-radius:50%;animation:drift linear infinite}@keyframes drift{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10vh) scale(1);opacity:0}}.fog{position:fixed;bottom:-60px;left:-10%;width:120%;height:200px;z-index:1;pointer-events:none;opacity:.25}.fog-layer{position:absolute;bottom:0;width:200%;height:100%;background:repeating-linear-gradient(90deg,transparent 0%,rgba(60,15,15,.08) 10%,rgba(40,10,10,.15) 20%,rgba(60,15,15,.08) 30%,transparent 40%)}.fog-layer:nth-child(1){animation:fogDrift1 25s linear infinite;opacity:.7}.fog-layer:nth-child(2){animation:fogDrift2 35s linear infinite;opacity:.5;bottom:20px}.fog-layer:nth-child(3){animation:fogDrift3 45s linear infinite;opacity:.3;bottom:40px}@keyframes fogDrift1{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fogDrift2{0%{transform:translate(-25%)}to{transform:translate(25%)}}@keyframes fogDrift3{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.date{font-family:Cormorant Garamond,serif;font-size:clamp(1.2rem,1.8vh,1.8rem);font-size:clamp(1.2rem,1.8dvh,1.8rem);font-style:italic;letter-spacing:.15em;color:#9a8b7a;margin-bottom:1.2rem}.counter{font-family:Cormorant Garamond,serif;font-size:clamp(1.05rem,1.6vh,1.6rem);font-size:clamp(1.05rem,1.6dvh,1.6rem);letter-spacing:.1em;color:#7a6b5c;margin-top:1rem}.question{font-family:Cinzel,serif;font-size:clamp(.9rem,2.2vh,2rem);font-size:clamp(.9rem,2.2dvh,2rem);font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:#8a7a6b;margin-bottom:1.5rem}.answer{font-family:Cinzel,serif;font-size:clamp(2.8rem,6.5vh,7rem);font-size:clamp(2.8rem,6.5dvh,7rem);font-weight:900;letter-spacing:.08em;color:#b91c1c;text-shadow:0 0 40px rgba(185,28,28,.5),0 0 80px rgba(185,28,28,.2);margin-bottom:2rem;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .1s ease}.answer:hover{text-shadow:0 0 50px rgba(185,28,28,.7),0 0 100px rgba(185,28,28,.3)}.flavor{font-family:Cormorant Garamond,serif;font-size:clamp(1.15rem,1.7vh,1.7rem);font-size:clamp(1.15rem,1.7dvh,1.7rem);font-style:italic;color:#7a6b5c;max-width:clamp(400px,40vh,600px);max-width:clamp(400px,40dvh,600px);margin:0 auto;line-height:1.7;min-height:3.4em;transition:opacity .6s ease}.flavor.fading{opacity:0}.share-btn{display:inline-block;margin-top:2rem;padding:.6rem 1.6rem;font-family:Cinzel,serif;font-size:clamp(.75rem,1.2vh,1.1rem);font-size:clamp(.75rem,1.2dvh,1.1rem);letter-spacing:.2em;text-transform:uppercase;color:#7a5a5a;background:transparent;border:1px solid rgba(139,26,26,.4);cursor:pointer;transition:all .3s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px}.share-btn:hover{color:#b91c1c;border-color:#b91c1c99;box-shadow:0 0 20px #8b1a1a26}.share-btn.copied{color:#8b1a1a;border-color:#8b1a1a}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-6px,-3px)}20%{transform:translate(5px,2px)}30%{transform:translate(-4px,4px)}40%{transform:translate(3px,-2px)}50%{transform:translate(-2px,3px)}60%{transform:translate(4px,-1px)}70%{transform:translate(-3px,2px)}80%{transform:translate(2px,-3px)}90%{transform:translate(-1px,1px)}}body.shaking{animation:shake .5s ease-in-out}.blood-drop{position:fixed;width:6px;height:6px;background:#8b1a1a;border-radius:50% 50% 50% 0;transform:rotate(-45deg);pointer-events:none;z-index:100;opacity:.8;animation:bloodFall 1.2s ease-in forwards}@keyframes bloodFall{0%{opacity:.9;transform:rotate(-45deg) scale(1)}70%{opacity:.6}to{opacity:0;transform:rotate(-45deg) scale(.3) translateY(120px)}}.blood-rain-drop{position:fixed;top:-20px;width:2px;height:15px;background:linear-gradient(to bottom,transparent,#8b1a1a);pointer-events:none;z-index:100;animation:rainFall linear forwards}@keyframes rainFall{0%{transform:translateY(0);opacity:.7}to{transform:translateY(110vh);opacity:0}}.confetti-piece{position:fixed;top:-10px;pointer-events:none;z-index:101;border-radius:2px;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--drift)) translateY(110vh) rotate(var(--spin));opacity:0}}.answer.celebration{color:#22c55e;text-shadow:0 0 40px rgba(34,197,94,.5),0 0 80px rgba(34,197,94,.2);animation:celebrationPulse .5s ease-in-out 3}@keyframes celebrationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}body{transition:background 2s ease,color 2s ease}.date,.counter,.question,.answer,.flavor,.share-btn{transition:color 2s ease,text-shadow 2s ease,border-color 2s ease}.particle{transition:background 2s ease}body.theme-dream{background:#1a1918}body.theme-dream .date{color:#d5cbbf}body.theme-dream .counter{color:#b8ad9e}body.theme-dream .question{color:#c8bfb2;text-shadow:0 1px 4px rgba(0,0,0,.7)}body.theme-dream .answer{color:#e8e4dc;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 40px rgba(0,0,0,.5)}body.theme-dream .answer:hover{text-shadow:0 2px 10px rgba(0,0,0,.9),0 0 50px rgba(0,0,0,.6)}body.theme-dream .flavor{color:#a09688}body.theme-dream .share-btn{color:#706860;border-color:#b4b2aa4d}body.theme-dream .share-btn:hover{color:#a8a298;border-color:#b4b2aa99;box-shadow:0 0 20px #b4b2aa1f}body.theme-dream .share-btn.copied{color:#b0a898;border-color:#b0a898}body.theme-dream .particle{background:#b4b2aa40}body.theme-dream .fog-layer{background:repeating-linear-gradient(90deg,transparent 0%,rgba(160,155,145,.06) 10%,rgba(140,135,125,.1) 20%,rgba(160,155,145,.06) 30%,transparent 40%)}.disclaimer{position:fixed;bottom:.8rem;bottom:max(.8rem,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:2;font-family:Cormorant Garamond,serif;font-size:.7rem;letter-spacing:.05em;color:#3a3530;text-align:center;width:100%;padding:0 1rem}body.theme-dream .disclaimer{color:#4a4540}body.theme-paleblood .disclaimer{color:#3a3520}body.theme-paleblood{background:#0c0a04}body.theme-paleblood .date{color:#c9a84c}body.theme-paleblood .counter{color:#a08838}body.theme-paleblood .question{color:#c9a84c;text-shadow:0 1px 4px rgba(0,0,0,.8)}body.theme-paleblood .answer{color:#e8c84c;text-shadow:0 0 40px rgba(201,168,76,.5),0 0 80px rgba(201,168,76,.2)}body.theme-paleblood .answer:hover{text-shadow:0 0 50px rgba(201,168,76,.7),0 0 100px rgba(201,168,76,.3)}body.theme-paleblood .flavor{color:#a08838}body.theme-paleblood .share-btn{color:#a08838;border-color:#c9a84c4d}body.theme-paleblood .share-btn:hover{color:#c9a84c;border-color:#c9a84c99;box-shadow:0 0 20px #c9a84c26}body.theme-paleblood .share-btn.copied{color:#c9a84c;border-color:#c9a84c}body.theme-paleblood .particle{background:#c9a84c4d}body.theme-paleblood .fog-layer{background:repeating-linear-gradient(90deg,transparent 0%,rgba(201,168,76,.04) 10%,rgba(180,150,60,.08) 20%,rgba(201,168,76,.04) 30%,transparent 40%)}.top-nav{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:clamp(900px,75vh,1200px);max-width:clamp(900px,75dvh,1200px);z-index:10;display:flex;justify-content:flex-end;align-items:center;padding:1.2rem 1.5rem;padding-top:max(1.2rem,env(safe-area-inset-top,0px));padding-right:max(1.5rem,env(safe-area-inset-right,0px));pointer-events:none}.top-nav>*{pointer-events:auto}.nav-right{display:flex;align-items:center;gap:.6rem}.nav-link{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#7a6b5c;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#b91c1c}.nav-icon{width:clamp(2.75rem,3vh,3.2rem);width:clamp(2.75rem,3dvh,3.2rem);height:clamp(2.75rem,3vh,3.2rem);height:clamp(2.75rem,3dvh,3.2rem);border:1px solid rgba(139,26,26,.25);border-radius:50%;background:#0a0a0a80;color:#8a7a6b;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .4s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.nav-icon svg{pointer-events:none}.nav-icon:hover{border-color:#b91c1c80;color:#b91c1c;transform:scale(1.1)}.theme-toggle{display:none;width:2.2rem;height:2.2rem;border:1px solid rgba(139,26,26,.25);border-radius:50%;background:#0a0a0a80;color:#8a7a6b;font-size:1.1rem;cursor:pointer;align-items:center;justify-content:center;transition:all .4s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.theme-toggle:hover{border-color:#b91c1c80;color:#b91c1c;transform:scale(1.1)}body.theme-dream .nav-link{color:#a09688}body.theme-dream .nav-link:hover{color:#d5cbbf}body.theme-dream .nav-icon{border-color:#b4b2aa4d;color:#a8a298}body.theme-dream .nav-icon:hover{border-color:#b4b2aa99;color:#d4d0c8}body.theme-dream .theme-toggle{border-color:#b4b2aa4d;color:#a8a298}body.theme-dream .theme-toggle:hover{border-color:#b4b2aa99;color:#d4d0c8}body.theme-paleblood .nav-icon{border-color:#c9a84c40;color:#a08838}body.theme-paleblood .nav-icon:hover{border-color:#c9a84c80;color:#c9a84c}body.theme-paleblood .theme-toggle{border-color:#c9a84c40;color:#a08838}body.theme-paleblood .theme-toggle:hover{border-color:#c9a84c80;color:#c9a84c}.about-page{overflow:auto}.about-page{max-width:clamp(640px,55vh,900px);max-width:clamp(640px,55dvh,900px);margin:0 auto;padding:3rem 2rem 4rem;position:relative;z-index:2}.about-back{display:inline-block;font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#8a7a6b;text-decoration:none;margin-bottom:2.5rem;transition:color .3s ease}.about-back:hover{color:#b91c1c}.about-title{font-family:Cinzel,serif;font-size:clamp(1.4rem,2.5vh,2.5rem);font-size:clamp(1.4rem,2.5dvh,2.5rem);font-weight:700;color:#c4b7a6;margin-bottom:2rem;letter-spacing:.05em}.about-section{margin-bottom:2.5rem}.about-section h2{font-family:Cinzel,serif;font-size:clamp(1rem,1.5vh,1.4rem);font-size:clamp(1rem,1.5dvh,1.4rem);font-weight:700;color:#b8a898;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.8rem}.about-section p{font-family:Cormorant Garamond,serif;font-size:clamp(1.15rem,1.7vh,1.7rem);font-size:clamp(1.15rem,1.7dvh,1.7rem);line-height:1.8;color:#a0917e;margin-bottom:1rem}.about-section .highlight{color:#c83030}.about-section .year{color:#b8a898;font-style:italic}.about-divider{width:60px;height:1px;background:#8b1a1a4d;margin:2.5rem 0}body.theme-dream .about-back{color:#a09688}body.theme-dream .about-back:hover,body.theme-dream .about-title{color:#d5cbbf}body.theme-dream .about-section h2{color:#cdc5b8}body.theme-dream .about-section p{color:#bbb3a6}body.theme-dream .about-section .highlight{color:#f0ece6}body.theme-dream .about-section .year{color:#cdc5b8}body.theme-dream .about-divider{background:#b4b2aa4d}.about-counter{font-family:Cormorant Garamond,serif;font-size:1.05rem;letter-spacing:.1em;color:#a0917e;text-align:center;padding-bottom:2rem}body.theme-dream .about-counter{color:#bbb3a6}body.theme-paleblood .about-back{color:#a08838}body.theme-paleblood .about-back:hover,body.theme-paleblood .about-title,body.theme-paleblood .about-section h2{color:#c9a84c}body.theme-paleblood .about-section p{color:#a08838}body.theme-paleblood .about-section .highlight{color:#e8c84c}body.theme-paleblood .about-section .year{color:#c9a84c}body.theme-paleblood .about-divider{background:#c9a84c4d}body.theme-paleblood .about-counter{color:#a08838}.about-disclaimer{font-family:Cormorant Garamond,serif;font-size:.7rem;letter-spacing:.05em;color:#3a3530;text-align:center;padding:2rem 1rem calc(1rem + env(safe-area-inset-bottom,0px))}body.theme-dream .about-disclaimer{color:#4a4540}body.theme-paleblood .about-disclaimer{color:#3a3520}