.page-module__avVt2a__container{flex-direction:column;align-items:center;width:100vw;min-height:100vh;padding:1rem;transition:background-color .5s;display:flex}.page-module__avVt2a__title{color:#d4a373;text-align:center;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.page-module__avVt2a__step{color:#666;text-align:center;margin-bottom:2rem;font-size:1.5rem}.page-module__avVt2a__peperoContainer{background:#fff;border:2px solid #d4a373;border-radius:1rem;justify-content:center;width:100%;max-width:300px;margin-bottom:1rem;padding:2rem;display:flex;position:relative;box-shadow:0 4px 12px #0000001a}.page-module__avVt2a__peperoStick{background-color:#d4a373;border-radius:1rem 1rem 0 0;width:1.5rem;height:35rem;position:relative;overflow:hidden}.page-module__avVt2a__peperoBase{border-radius:1rem 1rem 0 0;width:100%;height:80%;position:relative;-webkit-mask-image:linear-gradient(#000 80%,#0000 100%);mask-image:linear-gradient(#000 80%,#0000 100%)}@keyframes page-module__avVt2a__base{0%{height:0%}to{height:80%}}.page-module__avVt2a__peperoTopping{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;animation:.5s page-module__avVt2a__toppingAnimation;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 80%,#0000 100%);mask-image:linear-gradient(#000 80%,#0000 100%)}@keyframes page-module__avVt2a__toppingAnimation{0%{opacity:0;background-size:200% 200%}to{opacity:1;background-size:100% 100%}}.page-module__avVt2a__peperoForm{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:600px;display:flex}.page-module__avVt2a__optionsContainer{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.page-module__avVt2a__option{cursor:pointer;text-align:center;background-color:#fff;border:1px solid #ccc;border-radius:.5rem;min-width:120px;padding:1rem 2rem;font-size:1rem;transition:all .3s}.page-module__avVt2a__option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.page-module__avVt2a__chocolate{color:#fff;background-color:#8b4513;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__strawberry{color:#fff;background-color:#ffa3d1;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__vanilla{color:#000;background-color:#f3e5ab;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__white{color:#000;background-color:beige;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__melon{color:#000;background-color:#98fb98;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__red{color:#fff;background-color:#ff1919;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__matcha{color:#fff;background-color:#a3d977;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__mintchoco{color:#fff;background-color:#a3e4d7;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__caramel{color:#fff;background-color:#c19a6b;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__peanutbutter{color:#fff;background-color:#d4a574;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__tiramisu{color:#fff;background-color:#deb887;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__cookiescream{color:#000;background-color:#e5e5dc;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__milk{color:#000;background-color:#fefefe;border:2px solid #e0e0e0;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__blueberry{color:#fff;background-color:#a8b6ff;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__mango{color:#fff;background-color:#ffbe76;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__orange{color:#fff;background-color:#ffb347;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__lemon{color:#000;background-color:#fff44f;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__coconut{color:#000;background-color:#fff;border:2px solid #e0e0e0;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__coffee{color:#fff;background-color:#6f4e37;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__yogurt{color:#000;background-color:#fffef0;border:2px solid #e8e0d0;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__cheesecake{color:#000;background-color:#fef5e7;animation:.5s page-module__avVt2a__base}.page-module__avVt2a__nameInputContainer{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:300px;display:flex}.page-module__avVt2a__nameInput{border:2px solid #d4a373;border-radius:.5rem;outline:none;width:100%;padding:.8rem 1rem;font-size:1rem;transition:border-color .3s,box-shadow .3s}.page-module__avVt2a__nameInput:focus{border-color:#b08b5e;box-shadow:0 0 0 2px #d4a37333}.page-module__avVt2a__completeButton{color:#fff;cursor:pointer;background:#d4a373;border:none;border-radius:.5rem;width:100%;padding:.8rem;font-size:1rem;transition:all .3s}.page-module__avVt2a__completeButton:disabled{cursor:not-allowed;background:#ccc}.page-module__avVt2a__completeButton:not(:disabled):hover{background:#b08b5e;transform:translateY(-2px)}.page-module__avVt2a__completionStep{text-align:center;width:100%;max-width:600px;animation:.5s ease-out page-module__avVt2a__fadeIn}.page-module__avVt2a__completionHeader{margin-bottom:2rem}.page-module__avVt2a__completionStepTitle{color:#d4a373;margin-bottom:.5rem;font-size:2rem}.page-module__avVt2a__completionDescription{color:#666;font-size:1.1rem}.page-module__avVt2a__peperoDetails{background:#fffc;border-radius:1rem;justify-content:center;gap:3rem;margin:2rem 0;padding:1.5rem;display:flex;box-shadow:0 4px 12px #0000001a}.page-module__avVt2a__detailItem{flex-direction:column;gap:.5rem;display:flex}.page-module__avVt2a__detailLabel{color:#666;font-size:.9rem}.page-module__avVt2a__detailValue{color:#d4a373;font-size:1.2rem;font-weight:600}.page-module__avVt2a__completionActions{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.page-module__avVt2a__shareButton,.page-module__avVt2a__newButton{cursor:pointer;border:none;border-radius:.5rem;min-width:120px;padding:.8rem 2rem;font-size:1rem;transition:all .2s}.page-module__avVt2a__shareButton{color:#fff;background:#d4a373}.page-module__avVt2a__newButton{color:#d4a373;background:#fff;border:2px solid #d4a373}.page-module__avVt2a__shareButton:hover,.page-module__avVt2a__newButton:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.page-module__avVt2a__completionOverlay{z-index:1000;background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out page-module__avVt2a__overlayFadeIn;display:flex;position:fixed;top:0;left:0}.page-module__avVt2a__completionContent{text-align:center;background:#fff;border-radius:1.5rem;width:500px;max-width:90%;padding:3rem;animation:.4s ease-out page-module__avVt2a__contentSlideUp}.page-module__avVt2a__completionTitle{color:#d4a373;margin-bottom:1rem;font-size:1.5rem}.page-module__avVt2a__completionText{color:#666;margin-bottom:2rem}.page-module__avVt2a__closeButton{color:#fff;cursor:pointer;background:#d4a373;border:none;border-radius:.5rem;padding:.8rem 2rem;font-size:1rem;transition:all .2s}.page-module__avVt2a__closeButton:hover{background:#b08b5e}@keyframes page-module__avVt2a__fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes page-module__avVt2a__overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes page-module__avVt2a__contentSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.page-module__avVt2a__letterInputContainer{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:500px;display:flex}.page-module__avVt2a__letterNamesContainer{gap:1rem;width:100%;display:flex}.page-module__avVt2a__recipientInput,.page-module__avVt2a__senderInput{border:2px solid #d4a373;border-radius:.5rem;outline:none;flex:1;padding:.8rem 1rem;font-size:1rem;transition:border-color .3s,box-shadow .3s}.page-module__avVt2a__recipientInput:focus,.page-module__avVt2a__senderInput:focus{border-color:#b08b5e;box-shadow:0 0 0 2px #d4a37333}.page-module__avVt2a__letterInput{resize:vertical;border:2px solid #d4a373;border-radius:.5rem;outline:none;width:100%;min-height:200px;padding:1rem;font-family:inherit;font-size:1rem;line-height:1.6;transition:border-color .3s,box-shadow .3s}.page-module__avVt2a__letterInput:focus{border-color:#b08b5e;box-shadow:0 0 0 2px #d4a37333}.page-module__avVt2a__letterInfo{text-align:right;color:#666;width:100%;font-size:.9rem}.page-module__avVt2a__letterSection{width:100%;margin:2rem 0;animation:.5s ease-out page-module__avVt2a__fadeIn}.page-module__avVt2a__letterTitle{color:#666;text-align:center;margin-bottom:1.5rem;font-size:1.2rem}.page-module__avVt2a__envelope{cursor:pointer;max-width:500px;margin:0 auto;transition:transform .3s}.page-module__avVt2a__envelope:not(.page-module__avVt2a__envelopeOpen):hover{transform:scale(1.02)}.page-module__avVt2a__envelopeOpen{cursor:default}.page-module__avVt2a__envelopeFront{background:linear-gradient(135deg,#f5e6d3 0%,#ede0ce 100%);border-radius:.5rem;width:100%;padding-top:70%;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000026}.page-module__avVt2a__envelopeFlap{clip-path:polygon(0 0,50% 70%,100% 0);background:linear-gradient(#e8d5bb 0%,#f5e6d3 100%);width:100%;height:50%;position:absolute;top:0;left:0;box-shadow:0 2px 8px #0000001a}.page-module__avVt2a__envelopeBody{justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:absolute;top:0;left:0}.page-module__avVt2a__envelopeTo{color:#8b6f47;text-align:center;z-index:1;font-size:1.5rem;font-weight:600}.page-module__avVt2a__letterContent{animation:.5s ease-out page-module__avVt2a__fadeIn}.page-module__avVt2a__letterPaper{background:#fffff8;border:1px solid #d4a373;border-radius:.5rem;min-height:200px;margin-bottom:1rem;padding:2rem;box-shadow:0 4px 12px #0000001a}.page-module__avVt2a__letterText{color:#333;white-space:pre-wrap;word-wrap:break-word;text-align:left;margin-bottom:2rem;font-size:1.1rem;line-height:1.8}.page-module__avVt2a__letterFrom{text-align:right;color:#8b6f47;border-top:1px solid #e8d5bb;padding-top:1rem;font-size:1rem;font-weight:600}.page-module__avVt2a__closeLetterButton{color:#d4a373;cursor:pointer;background:#fff;border:2px solid #d4a373;border-radius:.5rem;width:100%;padding:.8rem;font-size:1rem;transition:all .3s}.page-module__avVt2a__closeLetterButton:hover{color:#fff;background:#d4a373;transform:translateY(-2px)}@media (max-width:768px){.page-module__avVt2a__peperoContainer{padding:1rem}.page-module__avVt2a__peperoStick{height:25rem}.page-module__avVt2a__option{min-width:100px;padding:.8rem 1.5rem}.page-module__avVt2a__peperoDetails{flex-direction:column;gap:1rem}.page-module__avVt2a__completionActions{flex-direction:column;width:100%;max-width:300px;margin:2rem auto 0}.page-module__avVt2a__shareButton,.page-module__avVt2a__newButton{width:100%}.page-module__avVt2a__letterInput{min-height:150px}.page-module__avVt2a__letterPaper{padding:1.5rem}.page-module__avVt2a__letterText{font-size:1rem}.page-module__avVt2a__envelopeTo{font-size:1.2rem}.page-module__avVt2a__letterNamesContainer{flex-direction:column;gap:.5rem}}