:root{--rose-50:#fff6f4;--rose-100:#ffe9e4;--rose-200:#ffd2c9;--rose-300:#f6b4b9;--rose-400:#e88fa0;--rose-500:#d66a86;--wine-600:#a44a63;--wine-800:#5c2438;--cocoa-900:#2c1620;--gold:#e8bf8a;--cream:#fff9f4;--heading:"Playfair Display", "Iowan Old Style", Georgia, serif;--body:"Cormorant Garamond", Georgia, "Times New Roman", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--body);color:var(--wine-800)}*{box-sizing:border-box}html,body{background:linear-gradient(180deg, var(--rose-50) 0%, var(--rose-100) 40%, var(--rose-200) 100%);width:100%;margin:0;padding:0;overflow-x:hidden}#app{width:100%;min-height:100svh;position:relative}h1,h2,h3{font-family:var(--heading);color:var(--wine-800);margin:0}p{margin:0}button{font-family:var(--body);cursor:pointer}::selection{background:var(--rose-300);color:var(--cocoa-900)}#hearts-layer{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.heart-particle{color:var(--rose-400);opacity:.55;will-change:transform, opacity;font-size:22px;animation:linear infinite float-up;position:absolute;bottom:-10svh}@keyframes float-up{0%{opacity:0;transform:translateY(0)translate(0)rotate(0)}10%{opacity:.6}90%{opacity:.45}to{transform:translateY(-115svh) translateX(var(--drift,40px)) rotate(25deg);opacity:0}}#gate{z-index:20;background:radial-gradient(circle at 50% 20%, var(--rose-200) 0%, var(--rose-300) 55%, var(--wine-600) 100%);justify-content:center;align-items:center;padding:24px;transition:opacity .9s,filter .9s,visibility .9s;display:flex;position:fixed;inset:0}#gate.unlocked{opacity:0;filter:blur(12px);pointer-events:none;visibility:hidden}.gate-card{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9f4bf;border:1px solid #fff9;border-radius:24px;width:min(440px,100%);padding:48px 32px 40px;animation:1s cubic-bezier(.16,1,.3,1) card-in;position:relative;box-shadow:0 30px 60px -20px #5c243873}@keyframes card-in{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.gate-mark{margin-bottom:10px;font-size:34px;animation:2.4s ease-in-out infinite pulse-heart;display:inline-block}@keyframes pulse-heart{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.gate-eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--wine-600);opacity:.75;margin-bottom:6px;font-size:13px}.gate-card h1{margin-bottom:18px;font-size:clamp(28px,5vw,36px);line-height:1.15}.gate-question{color:var(--wine-600);margin-bottom:22px;font-size:19px;font-style:italic}.gate-form{flex-direction:column;align-items:center;gap:14px;display:flex}.gate-input{border:1.5px solid var(--rose-300);background:var(--cream);width:100%;color:var(--wine-800);text-align:center;border-radius:999px;outline:none;padding:13px 18px;font-size:19px;transition:border-color .25s,box-shadow .25s,transform .15s}.gate-input:focus{border-color:var(--wine-600);box-shadow:0 0 0 4px #d66a862e}.gate-input.shake{border-color:var(--wine-600);animation:.5s shake}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.gate-submit{letter-spacing:1.5px;text-transform:uppercase;color:var(--cream);background:linear-gradient(135deg, var(--wine-600), var(--rose-500));border:none;border-radius:999px;padding:12px 30px;font-size:15px;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 24px -8px #5c243880}.gate-submit:hover{transform:translateY(-2px);box-shadow:0 16px 28px -8px #5c24388c}.gate-hint{min-height:20px;color:var(--wine-600);opacity:.85;font-size:14px;font-style:italic}#journey{z-index:10;position:relative}.stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100svh;padding:64px 24px 48px;animation:.6s cubic-bezier(.16,1,.3,1) stage-in;display:flex}@keyframes stage-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.intro-stage .eyebrow{letter-spacing:4px;text-transform:uppercase;color:var(--wine-600);opacity:.7;font-size:13px}.intro-stage h1{max-width:16ch;font-size:clamp(34px,7vw,58px);line-height:1.08}.intro-stage .sub{color:var(--wine-600);max-width:42ch;font-size:clamp(17px,2.4vw,21px);font-style:italic}.stage-btn{letter-spacing:1.5px;text-transform:uppercase;color:var(--cream);background:linear-gradient(135deg, var(--wine-600), var(--rose-500));border:none;border-radius:999px;margin-top:10px;padding:13px 34px;font-size:15px;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 24px -8px #5c243880}.stage-btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px -8px #5c24388c}.stage-progress{gap:8px;margin-bottom:6px;display:flex}.progress-dot{background:#a44a6340;border-radius:50%;width:9px;height:9px;transition:background .3s,transform .3s}.progress-dot.done{background:var(--wine-600)}.progress-dot.active{background:var(--rose-500);transform:scale(1.4)}.game-stage{width:100%}.game-slot{justify-content:center;width:100%;display:flex}.game{flex-direction:column;align-items:center;gap:16px;width:min(560px,100%);display:flex}.game-instructions{color:var(--wine-600);font-size:18px;font-style:italic}.game-form{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.gate-input,.game-input{border:1.5px solid var(--rose-300);background:var(--cream);width:100%;color:var(--wine-800);text-align:center;border-radius:999px;outline:none;padding:13px 18px;font-size:19px;transition:border-color .25s,box-shadow .25s,transform .15s}.gate-input:focus,.game-input:focus{border-color:var(--wine-600);box-shadow:0 0 0 4px #d66a862e}.gate-input.shake,.game-input.shake{border-color:var(--wine-600);animation:.5s shake}.gate-submit,.game-submit{letter-spacing:1.5px;text-transform:uppercase;color:var(--cream);background:linear-gradient(135deg, var(--wine-600), var(--rose-500));border:none;border-radius:999px;padding:12px 30px;font-size:15px;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 24px -8px #5c243880}.gate-submit:hover,.game-submit:hover{transform:translateY(-2px);box-shadow:0 16px 28px -8px #5c24388c}.gate-hint,.game-hint{min-height:20px;color:var(--wine-600);opacity:.85;font-size:14px;font-style:italic}.poem-lines{background:#fff9f499;border:1px solid #fff9;border-radius:18px;padding:24px 28px;box-shadow:0 20px 40px -20px #5c24384d}.poem-line{color:var(--wine-800);font-size:clamp(17px,2.2vw,20px);font-style:italic;line-height:1.6}.memory-status{letter-spacing:1px;text-transform:uppercase;color:var(--wine-600);opacity:.75;font-size:14px}.memory-grid{grid-template-columns:repeat(4,1fr);gap:10px;width:min(420px,100%);display:grid}.memory-card{aspect-ratio:1;background:0 0;border:none;padding:0}.memory-inner{width:100%;height:100%;position:relative}.memory-face{opacity:1;border-radius:12px;justify-content:center;align-items:center;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0;transform:scale(1);box-shadow:0 8px 16px -8px #5c243859}.memory-front{background:linear-gradient(135deg, var(--wine-600), var(--rose-500))}.memory-front:after{content:"🤎";opacity:.7;font-size:18px}.memory-back{background:var(--cream);opacity:0;font-size:26px;transform:scale(.8)}.memory-card.flipped .memory-front{opacity:0;transform:scale(.8)}.memory-card.flipped .memory-back{opacity:1;transform:scale(1)}.memory-card.matched .memory-face{opacity:.55}.coloring-palette{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.palette-swatch{background:var(--swatch);border:2px solid #0000;border-radius:50%;width:30px;height:30px;transition:transform .15s,border-color .15s}.palette-swatch.active{border-color:var(--wine-800);transform:scale(1.15)}.coloring-status{letter-spacing:1px;text-transform:uppercase;color:var(--wine-600);opacity:.75;font-size:14px}.coloring-canvas{width:min(280px,80vw)}.coloring-canvas svg{width:100%;height:auto}.coloring-canvas .colorable{cursor:pointer;transition:fill .2s}.scratch-wrap{aspect-ratio:4/3;border-radius:18px;width:min(320px,85vw);position:relative;overflow:hidden;box-shadow:0 20px 40px -20px #5c243866}.scratch-reveal{background:var(--cream);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex;position:absolute;inset:0}.scratch-heart{font-size:34px}.scratch-text{color:var(--wine-800);font-size:18px;font-style:italic}.scratch-canvas{touch-action:none;cursor:pointer;position:absolute;inset:0}.scratch-progress{background:#a44a6333;border-radius:999px;width:min(320px,85vw);height:6px;overflow:hidden}.scratch-progress-bar{background:var(--wine-600);width:0%;height:100%;transition:width .2s}.reveal-stage .unlocked-label{letter-spacing:3px;text-transform:uppercase;color:var(--gold);background:var(--wine-600);border-radius:999px;padding:5px 14px;font-size:12px}.reveal-clipping{text-align:left;background:var(--cream);border:1px solid #a44a632e;border-radius:4px;width:min(560px,92vw);padding:30px 28px;animation:.6s cubic-bezier(.16,1,.3,1) stage-in;box-shadow:0 20px 44px -24px #5c243866}.reveal-clipping:after{content:"";clear:both;display:block}.reveal-clipping.float-left{transform:rotate(-.6deg)}.reveal-clipping.float-right{transform:rotate(.6deg)}.reveal-photo{width:42%;min-width:150px;max-width:210px;animation:.7s cubic-bezier(.16,1,.3,1) reveal-pop}.reveal-clipping.float-left .reveal-photo{float:left;margin:2px 20px 12px 0}.reveal-clipping.float-right .reveal-photo{float:right;margin:2px 0 12px 20px}@keyframes reveal-pop{0%{opacity:0;transform:scale(.9)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.reveal-photo img{aspect-ratio:4/5;object-fit:cover;border:1px solid #a44a6340;border-radius:4px;width:100%;display:block;box-shadow:0 14px 26px -14px #5c243873}.reveal-stage .tag{letter-spacing:3px;text-transform:uppercase;color:var(--wine-600);opacity:.75;margin-bottom:8px;font-size:12px;display:block}.reveal-caption{text-align:justify;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(17px,2vw,20px);font-style:italic;line-height:1.6}@media (width<=560px){.reveal-clipping.float-left,.reveal-clipping.float-right{transform:none}.reveal-clipping.float-left .reveal-photo,.reveal-clipping.float-right .reveal-photo{float:none;width:62%;max-width:220px;margin:0 auto 18px}.reveal-clipping .tag,.reveal-clipping .reveal-caption{text-align:center}}.finale-stage{background:linear-gradient(180deg, transparent, var(--rose-300) 40%, var(--wine-600) 100%)}.finale-stage h2{color:var(--cream);max-width:18ch;font-size:clamp(32px,6vw,52px);line-height:1.15}.finale-stage p{color:var(--rose-50);opacity:.9;max-width:640px;font-size:clamp(18px,2.4vw,22px);font-style:italic}.finale-signature{font-family:var(--heading);color:var(--gold);margin-top:6px;font-size:20px}.finale-stage .stage-btn{border:1.5px solid var(--gold);background:0 0}.finale-stage .stage-btn:hover{background:#e8bf8a2e}#music-toggle{z-index:30;border:1.5px solid var(--rose-300);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:52px;height:52px;color:var(--wine-600);opacity:0;pointer-events:none;background:#fff9f4d9;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:transform .2s,opacity .6s;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 24px -10px #5c243873}#music-toggle.visible{opacity:1;pointer-events:auto}#music-toggle:hover{transform:scale(1.08)}#music-toggle[data-playing=true]{animation:1.6s ease-in-out infinite pulse-heart}@media (width<=600px){.stage{padding:48px 20px 40px}.memory-grid{gap:8px}}