:root{color-scheme:dark;--cream:#fff8ee;--rose:#c78a91;--wine:#6d3145;--ink:#21151d}*{box-sizing:border-box}body{margin:0;background:#100b12;color:var(--cream);font-family:Georgia,'Times New Roman',serif;overflow:hidden}.momento{min-height:100svh;position:relative;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#33202e 0,transparent 38%),radial-gradient(circle at 80% 90%,#261825 0,transparent 35%),#100b12}.momento:before{content:"";position:absolute;inset:-20%;opacity:.18;background-image:radial-gradient(#f4cfc8 1px,transparent 1px);background-size:42px 42px;animation:drift 20s linear infinite}.scene{position:absolute;z-index:1;width:min(680px,calc(100% - 40px));text-align:center;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .9s,transform .9s}.scene.is-active{opacity:1;transform:none;pointer-events:auto}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font:600 11px/1.4 Arial,sans-serif;color:#d9adb1}.scene h1,.scene h2{font-weight:400;line-height:1.18;margin:14px auto;max-width:600px}.scene h1{font-size:clamp(35px,8vw,64px)}.scene h2{font-size:clamp(26px,6vw,44px)}.scene p{font-size:clamp(17px,3.5vw,21px);line-height:1.65;color:#e2d4d8}.primary,.restart,.words button,.momento__skip{border:0;cursor:pointer}.primary{margin-top:24px;border:1px solid #d3a4a9;border-radius:99px;background:#f5e5dc;color:#482636;padding:14px 25px;font-weight:700;letter-spacing:.03em}.momento__skip{position:fixed;z-index:5;right:18px;top:18px;background:transparent;color:#b9a7ad;font:12px Arial,sans-serif;padding:9px}.envelope{position:relative;width:260px;height:170px;margin:0 auto 36px;perspective:800px}.envelope__back,.envelope__front{position:absolute;inset:0;background:#e8cfc4;border-radius:5px}.envelope__letter{position:absolute;z-index:1;left:18px;right:18px;top:10px;height:145px;background:#fff8ee;animation:letterRise 2.7s 1.25s ease forwards}.envelope__front{z-index:2;clip-path:polygon(0 25%,50% 68%,100% 25%,100% 100%,0 100%);background:#d8b6ac}.envelope__flap{position:absolute;z-index:3;inset:0;background:#eddbd2;clip-path:polygon(0 0,100% 0,50% 62%);transform-origin:top;animation:openFlap 1.1s .4s ease forwards}.envelope__seal{position:absolute;z-index:4;left:50%;top:52%;transform:translate(-50%,-50%);display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--wine);animation:fadeSeal .4s 1s forwards}.letter{background:var(--cream);color:var(--ink);text-align:left;border-radius:4px;padding:clamp(25px,6vw,50px);box-shadow:0 24px 80px #0008;max-height:80svh;overflow:auto;transform:rotate(-.6deg)}.letter p,.letter__copy{color:#3a2933;font-size:clamp(15px,2.7vw,19px);line-height:1.75}.letter__hello{font-style:italic}.letter__copy{min-height:220px}.letter__sign{margin-top:22px}.letter__sign strong{display:block;color:var(--wine);font-size:21px}.words{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:500px;margin:28px auto}.words button{border:1px solid #6b5261;background:#ffffff0a;color:var(--cream);border-radius:99px;padding:14px;font:16px Georgia,serif;transition:.2s}.words button:hover,.words button:focus{background:#f5e5dc;color:#482636;transform:translateY(-2px)}.chosen-word{font-size:clamp(58px,15vw,120px)!important;color:#f4d4ce!important;line-height:1!important}.scene--final img{width:150px;max-height:90px;object-fit:contain}.scene--final nav{display:flex;justify-content:center;gap:22px;margin-top:26px}.scene--final nav a{color:#cfb8c0;font:13px Arial,sans-serif;text-decoration:none}.restart{display:block;margin:28px auto 0;background:transparent;color:#9f8992;text-decoration:underline}.scene--final h2{font-size:clamp(25px,5vw,38px)}@keyframes openFlap{to{transform:rotateX(180deg);z-index:0}}@keyframes letterRise{to{transform:translateY(-75px)}}@keyframes fadeSeal{to{opacity:0}}@keyframes drift{to{transform:translate3d(42px,42px,0)}}@media(max-width:500px){.letter{max-height:84svh}.letter__copy{min-height:290px}.words{grid-template-columns:1fr 1fr}.scene--final nav{gap:17px}}