@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Coiny&family=Titan+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Nerko+One&family=Sriracha&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css?family=Lato:300italic";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.-top-5{top:calc(var(--spacing)*-5)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.-left-4{left:calc(var(--spacing)*-4)}.left-0{left:calc(var(--spacing)*0)}.z-10{z-index:10}.flex{display:flex}.hidden{display:none}.h-13{height:calc(var(--spacing)*13)}.h-screen{height:100vh}.w-13{width:calc(var(--spacing)*13)}.w-full{width:100%}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-rotate-50{rotate:-50deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[\#4f356b\]{background-color:#4f356b}.bg-\[\#8b0000\]{background-color:#8b0000}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-500{--tw-duration:.5s;transition-duration:.5s}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}*{padding:0;margin:0;box-sizing:border-box}img,video,canvas{display:block;max-width:100%;height:auto}svg{max-width:100%}:root{--color-pink: #feecea;--color-white: #fff;--color-black: #333;--color-text-pink: #FF7882;--color-heart: #FF7882;--color-bg-letter: #fff8e4;--color-border: #DACCBF;--color-midnight-purple: #4B0082;--color-amethyst: #9966CC;--color-lavender-cream: #F3E5F5;--color-medium-purple: #9370DB;--color-sketch-white: #f8f5ff}body{position:relative;font-size:16px;margin:0;padding:0;min-height:100dvh;background-color:#feecea;background-image:none}#wrapper{position:relative;background-color:transparent;background-image:linear-gradient(0deg,transparent 24%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 26%,transparent 27%,transparent 74%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 26%,transparent 27%,transparent 74%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 76%,transparent 77%,transparent);min-height:100dvh;height:auto;background-size:80px 80px;overflow-x:hidden;overflow-y:auto;z-index:1}.flag__birthday{display:flex;justify-content:space-between;transform:translateY(-200px);animation:translateYFlag 1.5s 2s forwards}@keyframes translateYFlag{to{transform:translateY(-10px)}}.flag__birthday .flag__left{transform:rotate(-10deg) translate(-20px,30px)}.flag__birthday .flag__right{transform:rotate(10deg) translate(20px,30px) scaleX(-1)}.content{width:100%;position:relative;display:flex;padding-top:3rem}.content .left,.content .right{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.content .left{width:40%}.content .right{width:60%}.left .btn{transform:scale(0);animation:scaleCricle 2s 16s forwards ease-in-out}#btn__letter{margin-top:30px;background-color:var(--color-text-pink);outline:none;padding:5px 15px;border-radius:50px;border:3px solid var(--color-black);font-family:Sriracha,cursive;cursor:pointer;z-index:2;transform:scale(1);transition:all .5s ease-in-out}#FromRexon{margin-top:30px;background-color:var(--color-text-pink);outline:none;padding:5px 15px;border-radius:50px;border:3px solid var(--color-black);font-family:Sriracha,cursive;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transform:scale(1);transition:all .5s ease-in-out}#btn__letter:active{transform:scale(.7)}#btn__letter i{margin-left:5px}#btn__letter:hover,#FromRexon:hover{border-color:var(--color-heart);background-color:var(--color-heart);color:#fff;box-shadow:#0000003d 0 3px 8px}#FromRexon:hover svg{animation:rotateHeart 1s infinite linear}#btn__letter:hover svg{animation:rotateHeart 1s infinite linear}@keyframes rotateHeart{0%,50%,to{transform:rotate(0)}25%{transform:rotate(12deg)}75%{transform:rotate(-12deg)}}.title{position:relative;width:100%;display:flex;justify-content:center;font-family:Titan One,sans-serif;font-size:6rem;flex-direction:column;line-height:120%;perspective:1000px}.title .happy,.title .birthday{position:relative;text-shadow:2px 2px 0px rgba(255,255,255,1);font-weight:700;display:flex;justify-content:center}.title .happy{color:var(--color-midnight-purple)}.title .happy span,.title .birthday span{transform:translateY(50px);opacity:0;visibility:hidden;animation:txtTranslateY .5s var(--t) forwards}@keyframes txtTranslateY{to{transform:translateY(0);opacity:1;visibility:visible}}.title .birthday{color:var(--color-amethyst)}.title .hat{position:absolute;right:45px;top:-350px;transform:rotate(-40deg);z-index:-1;animation:topHat 4s 7s forwards ease}.title .hat img{width:clamp(72px,16vw,130px);height:auto}@keyframes topHat{20%,30%{top:-30px;transform-origin:left;transform:rotate(-40deg)}35%,to{top:-30px;transform:rotate(0)}}.date__of__birth,.name{display:flex;justify-content:space-around;align-items:center;background-color:var(--color-text-pink);border-radius:50px;margin-top:20px;font-family:Sriracha,cursive}.date__of__birth{border:3px solid var(--color-black);position:relative;transform:translateY(-100px);z-index:-1;opacity:0;visibility:hidden;width:0px;animation:dateOfBirth 5s 9s forwards}@keyframes dateOfBirth{20%,40%{width:0px;height:0;transform:translateY(0);opacity:1;visibility:visible}45%{transform:translateY(0);opacity:1;visibility:visible;width:300px;height:0px}50%,to{transform:translateY(0);opacity:1;visibility:visible;width:300px;height:50px}}.name{position:absolute;padding:0 20px;bottom:-20px;border:3px solid var(--color-black);font-family:Dancing Script,cursive}.date__of__birth span,.name span{font-weight:700;margin:0 40px}.date__of__birth span{font-size:1.2rem}.date__of__birth span sup{font-size:.62em;vertical-align:super;line-height:0}.name span{font-size:1.7rem}@media screen and (max-width:900px){body{background-position:20% center;background-size:cover;background-attachment:scroll}}#wrapper{min-height:100dvh;height:100dvh;overflow-y:hidden}.flag__birthday img{width:clamp(88px,24vw,320px);height:auto}#btn__letter,#FromRexon{background-color:var(--color-lavender-cream);box-shadow:inset 0 0 0 3px var(--color-medium-purple),0 3px 8px #26124033;color:var(--color-midnight-purple)}#btn__letter:hover,#FromRexon:hover{box-shadow:inset 0 0 0 3px var(--color-medium-purple),0 0 18px #9370db99,0 0 30px #4b00824d;animation:pulseStickerBorder 1.2s ease-in-out infinite}#FromRexon a{color:var(--color-midnight-purple)}@keyframes pulseStickerBorder{0%,to{box-shadow:inset 0 0 0 3px var(--color-medium-purple),0 0 12px #9370db73,0 0 20px #4b008240}50%{box-shadow:inset 0 0 0 4px var(--color-medium-purple),0 0 20px #9370dbbf,0 0 36px #4b008266}}.dashboard-layout{width:min(94vw,1300px);margin:0 auto;display:grid;grid-template-columns:40% 60%;grid-template-areas:"intro gallery" "actions gallery";gap:18px;align-items:start;padding:0 8px 14px}.dashboard-intro{grid-area:intro;width:100%}.dashboard-gallery{grid-area:gallery;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.dashboard-actions{grid-area:actions;width:100%;justify-content:flex-start}.dashboard-layout h1,.dashboard-layout p,.dashboard-layout span,.dashboard-layout a,.dashboard-layout button{text-shadow:1px 1px 0px rgba(255,255,255,1)}.profile-frame{width:clamp(130px,30vw,260px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 0 15px #96c;background:#fff}.profile-frame img{width:100%;height:100%;object-fit:cover}.profile-name{margin-top:10px;color:indigo;font-family:Sriracha,cursive;font-size:clamp(1rem,2.1vw,1.35rem)}@media screen and (max-width:1024px){#wrapper{min-height:100dvh;height:auto;overflow-y:auto;padding-bottom:24px}.dashboard-layout{grid-template-columns:1fr;grid-template-areas:"intro" "gallery" "actions";gap:20px;padding-bottom:20px}.dashboard-intro,.dashboard-actions,.dashboard-gallery{display:flex;flex-direction:column;align-items:center}.dashboard-actions{width:100%}.dashboard-actions #btn__letter,.dashboard-actions #FromRexon{width:min(88vw,340px);justify-content:center}.title{font-size:clamp(2.4rem,11vw,4.3rem);letter-spacing:clamp(1px,.8vw,6px)}.title .hat{right:clamp(-26px,-5vw,-12px);top:-120px}.flag__birthday{transform:translateY(-120px)}.flag__birthday img{width:clamp(84px,32vw,220px)}.flag__birthday .flag__left{transform:rotate(-9deg) translate(-26px,18px)}.flag__birthday .flag__right{transform:rotate(9deg) translate(26px,18px) scaleX(-1)}}.right .box__account{position:relative;transform:translateY(700px);animation:topBoxImage 8s 7s forwards ease-in}@keyframes topBoxImage{to{transform:translateY(0)}}.content .right .image{position:relative;width:400px;height:400px;border-radius:50%;overflow:hidden;display:flex;align-items:center;border:6px solid var(--color-black)}.content .right .image img{width:100%;object-fit:cover}.cricle{position:absolute;top:20px;right:50px;display:flex;justify-content:center;align-items:center;transform:scale(0);animation:scaleCricle 3s 15s forwards ease-in-out}@keyframes scaleCricle{0%{transform:scale(0)}10%{transform:scale(1.3)}20%{transform:scale(.7)}30%,to{transform:scale(1)}}.text__cricle{width:100px;height:100px;background-color:var(--color-text-pink);border-radius:50%;border:5px solid var(--color-black);display:flex;justify-content:center;align-items:center;animation:rotateCricle 5s linear infinite}@keyframes rotateCricle{to{transform:rotate(360deg)}}.text__cricle span{top:0%;left:50%;position:absolute;color:var(--color-black);transform:rotate(calc(var(--i) * 24deg));transform-origin:0 45px;font-family:Sriracha,cursive;text-transform:uppercase;font-size:.7rem}.fa-heart{color:var(--color-heart);filter:drop-shadow(0 0 3px var(--color-heart));animation:scaleHeart 1s infinite linear}.cricle .fa-heart{position:absolute;transform:scale(.85)}@keyframes scaleHeart{50%{transform:scale(1.2)}}.right .balloon_one{position:absolute;top:-70px;left:-70px;animation:balloon1 2s infinite linear}@keyframes balloon1{0%,50%,to{transform-origin:bottom right;transform:rotate(0)}25%{transform-origin:bottom right;transform:rotate(3deg)}75%{transform-origin:bottom right;transform:rotate(-3deg)}}.right .balloon_two{position:absolute;top:170px;right:-65px;z-index:-1;transform:rotate(10deg);animation:balloon2 2s infinite linear}@keyframes balloon2{0%,50%,to{transform-origin:bottom left;transform:rotate(10deg)}25%{transform-origin:bottom left;transform:rotate(7deg)}75%{transform-origin:bottom left;transform:rotate(13deg)}}.decorate_star{position:absolute;transform:scale(0);background-color:var(--color-black);clip-path:polygon(0 50%,35% 35%,50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%);animation:scaleCricle 3s var(--t) forwards,scaleStar 2s 16s infinite ease-in-out}.decorate_star.star1{width:20px;height:20px;top:75px;left:300px}.decorate_star.star2{width:15px;height:20px;top:35px;right:360px}.decorate_star.star3{width:14px;height:14px;top:290px;left:630px}.decorate_star.star4{width:18px;height:18px;bottom:60px;left:35px}.decorate_star.star5{width:16px;height:18px;bottom:140px;left:500px}@keyframes scaleStar{25%{transform:scale(.8)}50%{transform:scale(1.1)}}.decorate_bottom{position:absolute;right:0;bottom:-10px}.decorate_flower--one{position:absolute;top:250px;left:50px;transform:scale(0);animation:scaleCricle 3s var(--t) forwards ease-in-out}.decorate_flower--two{position:absolute;top:225px;left:540px;transform:scale(0);animation:scaleCricle 3s var(--t) forwards ease-in-out}.decorate_flower--three{position:absolute;top:150px;right:235px;transform:scale(0);animation:scaleCricle 3s var(--t) forwards ease-in-out}.smiley__icon{position:absolute;bottom:180px;left:600px;transform:scale(0);animation:scaleCricle 3s 15s forwards ease-in-out}.box__letter{position:fixed;top:0;left:0;background-color:#00000080;width:100%;height:100%;z-index:10;display:none}.box__letter .letter__border{position:absolute;width:55vw;height:450px;background-color:var(--color-white);border-radius:27px;padding:17px;box-shadow:#0000003d 0 3px 8px;top:50%;left:50%;transform:translate(-50%,-50%);display:none}.letter__border .close{position:absolute;right:-10px;top:-10px;width:30px;height:30px;background-color:var(--color-white);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:#63636333 0 2px 8px;cursor:pointer}.letter__border .letter{width:100%;height:100%;background-color:var(--color-bg-letter);border-radius:10px;padding-top:15px}.letter__border .letter .title__letter{text-align:center;font-family:Dancing Script,cursive;font-weight:700;font-size:2.4rem}.letter__border .letter .content__letter{position:relative;width:100%;height:100%;display:flex;padding-top:1.5rem;padding-bottom:70px}.letter__border .letter .content__letter .left{position:relative;width:50%;height:100%;padding:1.7rem;border-right:3px solid var(--color-border)}.content__letter .left #heart__letter{opacity:0;width:100%}#heart__letter.animationOp{animation:opacityHeart 1s 1s forwards}@keyframes opacityHeart{to{opacity:1}}.content__letter .left .heart{position:absolute;opacity:0}.content__letter .left .heart.animation{animation:scaleHeartLetter 1s var(--t) infinite ease-in-out}@keyframes scaleHeartLetter{0%{opacity:1;transform:scale(0)}10%{opacity:1;transform:scale(1.3)}20%{opacity:1;transform:scale(.7)}30%,to{opacity:1;transform:scale(1)}}.content__letter .left .heart_1{top:90px;left:30px}.content__letter .left .heart_2{top:20px;right:70px}.content__letter .left .heart_3{bottom:50px;left:145px}.content__letter .left .heart_4{top:140px;right:35px}.content__letter .right{position:relative;width:50%}.content__letter .right .love__img{opacity:0;position:absolute;right:20px;top:-100px}.love__img.animationOp{animation:opacityHeart 1s 1s forwards}.content__letter .right .text__letter{margin-top:60px;padding:20px 15px 10px;font-family:Dancing Script,cursive;font-size:1.3rem}.content__letter .right #mewmew{position:absolute;bottom:0;right:0;opacity:0}#mewmew.animationOp{animation:opacityHeart 1s 1s forwards}#copy{position:fixed;bottom:12px;left:50%;transform:translate(-50%);font-size:1rem}#copy a{text-decoration:none;color:#191919d7}#copy p{color:#4275ff;text-align:center;font-weight:700;cursor:pointer}@media screen and (max-width:658px){.flag__birthday{transform:translateY(-84px)}.flag__birthday .flag__left{transform:rotate(-10deg) translate(-22px,14px)}.flag__birthday .flag__right{transform:rotate(10deg) translate(22px,14px) scaleX(-1)}.content{width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;gap:25px;align-items:center;padding-top:2rem}.title{position:relative;width:100%;display:flex;justify-content:center;font-family:Titan One,sans-serif;font-size:3rem;letter-spacing:8px;flex-direction:column;perspective:1000px}.cricle{position:absolute;top:10px;right:-54px;display:flex;justify-content:center;align-items:center;transform:scale(0);animation:scaleCricle 3s 15s forwards ease-in-out}.title .hat{position:absolute;right:-40px;top:-36px!important;transform:rotate(-40deg);z-index:-1;animation:topHat 4s 7s forwards ease}.title .hat img{width:clamp(56px,20vw,92px)}.box__letter .letter__border{position:absolute;width:90vw;height:315px;background-color:var(--color-white);border-radius:27px;padding:17px;box-shadow:#0000003d 0 3px 8px;top:50%;left:50%;transform:translate(-50%,-50%);display:none}.letter__border .letter{width:100%;height:100%;background-color:var(--color-bg-letter);border-radius:10px;padding-top:15px}.letter__border .letter .title__letter{text-align:center;font-family:Dancing Script,cursive;font-weight:700;font-size:1.4rem}.letter__border .letter .content__letter{position:relative;width:100%;height:100%;display:flex;padding-top:.7rem;padding-bottom:70px}.content__letter .right .text__letter{margin-top:-14px;padding:20px 15px 10px;font-family:Dancing Script,cursive;font-size:.8rem}.content__letter .right .love__img{opacity:0;position:absolute;right:126px;top:167px}.love__img img{width:84px}.content .right .image{position:relative;width:200px;height:200px;border-radius:50%;overflow:hidden;display:flex;align-items:center;border:6px solid var(--color-black)}.name{position:absolute;padding:0 3px;bottom:-6px;border:3px solid var(--color-black)}.name span{font-size:1rem}.right .balloon_one{position:absolute;top:10px;left:-77px;animation:balloon1 2s infinite linear}.right .balloon_one img{width:76px!important}.decorate_flower--one{top:100px;left:50px}.decorate_flower--two{top:585px;left:20px}.decorate_flower--three{top:320px;right:25px}.decorate_star.star1{top:45px;left:200px}.decorate_star.star2{top:10px;right:20px}.decorate_star.star3{top:300px;left:30px}.decorate_star.star4{bottom:60px;left:35px}.decorate_star.star5{bottom:140px;left:500px}.smiley__icon{bottom:330px;left:10px;width:50px}.right .balloon_two{position:absolute;top:60px;right:-65px}#btn__letter{margin-top:15px;width:200px}#FromRexon{margin-top:10px;width:200px}}@media screen and (max-width:658px){#wrapper{min-height:100dvh;padding-bottom:20px}}:root{--envelope-x: 300px;--envelope-y: 200px;--envelope-bg: #b79ad6;--envelope-shadow: #8f6bb8;--letter-x: 250px;--letter-y: calc(240px - 1rem) ;--letter-bg: #f3ecfb;--letter-shadow: #b79ad6;--letter-text: #1a1024;--letter-font: "Sriracha", cursive;--letter-button-text: #7a49b8;--heart-bg: #9370DB;--heart-text: white}@media(min-width:650px){:root{--envelope-x: 600px;--envelope-y: 400px;--letter-x: 500px;--letter-y: calc(390px - 1rem) }}.snowflake{color:#fff;font-size:1em;font-family:Arial;text-shadow:0 0 1px #000}.snowflake img{width:clamp(12px,3vw,20px);height:auto}@-webkit-keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translate(0)}50%{-webkit-transform:translateX(80px);transform:translate(80px)}to{-webkit-transform:translateX(0px);transform:translate(0)}}@keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@keyframes snowflakes-shake{0%{transform:translate(0)}50%{transform:translate(80px)}to{transform:translate(0)}}.snowflake{position:fixed;top:-10%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.ambient-particles{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.ambient-particle{position:absolute;width:7px;height:7px;border-radius:999px;background:#ffffff59;opacity:0;animation:ambientDrift 7s ease-in-out infinite}.ambient-particle--1{left:18%;bottom:8%;animation-delay:0s}.ambient-particle--2{left:39%;bottom:4%;animation-duration:6.2s;animation-delay:1s}.ambient-particle--3{left:67%;bottom:10%;animation-duration:7.8s;animation-delay:.6s}.ambient-particle--4{left:82%;bottom:2%;animation-duration:6.8s;animation-delay:1.5s}@keyframes ambientDrift{0%{transform:translateY(0) scale(.9);opacity:0}20%{opacity:.45}to{transform:translateY(-52px) scale(1.1);opacity:0}}.cssletter{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;overflow:hidden}.envelope{position:relative;width:var(--envelope-x);height:var(--envelope-y);background:var(--envelope-bg);border:3px solid #000;transition:opacity .65s ease,transform .65s ease}.envelope:not(.active){animation:envelopeHeartbeat 3s ease-in-out infinite}.envelope.open-pop{animation:envelopeOpenBurst .24s ease-out}@keyframes envelopeHeartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.012)}}@keyframes envelopeOpenBurst{0%{transform:scale(1)}35%{transform:scale(1.04)}70%{transform:scale(.97)}to{transform:scale(1)}}.envelope:before{content:"˚ʚ❤︎ɞ˚";font-size:5rem;color:#fff;position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);mix-blend-mode:soft-light;transition:opacity .55s ease}.envelope-flap{width:100%;height:71%;position:absolute;top:0;z-index:3;overflow:hidden;transition:.6s linear all;transform-origin:top;pointer-events:all;transition:transform .6s linear,opacity .45s ease}.envelope-folds{width:100%;height:100%;overflow:hidden;z-index:2;position:absolute;inset:0;transition:opacity .45s ease}.envelope-flap:before,.envelope-left:before,.envelope-right:before,.envelope-bottom:before{content:"";transform:rotate(45deg);background:var(--envelope-bg);box-shadow:0 0 30px -5px var(--envelope-shadow);width:100%;aspect-ratio:1;display:block;position:absolute;top:60%}.envelope-flap:before{bottom:30px;border-radius:5rem;top:auto}@media(min-width:650px){.envelope-flap:before{bottom:100px}}.envelope-left:before{top:10%;left:-65%}.envelope-right:before{top:10%;right:-65%}.envelope-bottom:before{top:60%;border-radius:5rem}.heart{z-index:4;position:relative;box-shadow:none;border:none;width:70px;aspect-ratio:1;background:radial-gradient(circle at 60% 65%,var(--heart-bg) 64%,#0000 65%) top left/50% 50%,radial-gradient(circle at 40% 65%,var(--heart-bg) 64%,#0000 65%) top right/50% 50%,conic-gradient(from -45deg at 50% 85.5%,var(--heart-bg) 90deg,#0000 0) bottom/100% 50%;background-repeat:no-repeat;left:50%;top:70%;transform:translate(-50%,-50%);cursor:pointer}@media(min-width:650px){.heart{width:150px}}.heart:before{content:"";display:block;position:absolute;width:70px;aspect-ratio:1;background:radial-gradient(circle at 60% 65%,#ffffff26 64%,#0000 65%) top left/50% 50%,radial-gradient(circle at 40% 65%,#ffffff26 64%,#0000 65%) top right/50% 50%,conic-gradient(from -45deg at 50% 85.5%,#ffffff26 90deg,#0000 0) bottom/100% 50%;background-repeat:no-repeat;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:.3s ease all;z-index:-1}@media(min-width:650px){.heart:before{width:150px}}.heart:hover,.heart:active,.heart:focus{transform:translate(-50%,-50%);background-color:transparent;color:var(--heart-text)}.heart:hover:before,.heart:active:before,.heart:focus:before{transform:translate(-50%,-50%) scale(.8)}.heart-text{transform:translateY(-10px);display:block;color:var(--heart-text);font-size:1.5rem;font-family:var(--letter-font)}.envelope.active *{pointer-events:none}.envelope.active .envelope-flap{transform:rotateX(-180deg) translateY(0);perspective:10px;opacity:0}.envelope.active .envelope-flap:before{box-shadow:inset 0 0 30px -5px var(--envelope-shadow)}.envelope.active .envelope-folds{opacity:0}.envelope.active:before{opacity:0}.envelope.active .heart{display:none}.letter{left:430px;top:140px;box-sizing:border-box;font-family:var(--letter-font);font-size:1rem;line-height:1.1;background-color:var(--letter-bg);color:var(--letter-text);width:var(--letter-x);height:var(--letter-y);-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 20px -5px var(--letter-shadow);padding:3rem 1rem 1rem;margin:0;cursor:grab;position:absolute;top:1rem;overflow:auto;text-align:center;border:3px solid #000;touch-action:none}.letter:active{cursor:grabbing}.letter.center{display:flex;align-items:center;justify-content:center;flex-direction:column}.letters-stack{position:absolute;left:50%;top:1rem;width:var(--letter-x);height:var(--letter-y);transform:translate(-50%);z-index:6;pointer-events:none}.letters-stack .card-item{left:0;top:0;width:100%;height:100%;opacity:0;transform:translateY(120px) scale(.9);transition:transform .65s cubic-bezier(.34,1.56,.64,1),opacity .45s ease,border-color .15s ease;pointer-events:none;--hover-lift: 0px}.letters-stack.show .card-item{opacity:1;pointer-events:auto;cursor:pointer}.letters-stack.show .card-item:nth-child(1){transform:translateY(calc(-60% + var(--drag-y, 0px) + var(--hover-lift, 0px))) translate(var(--drag-x, 0px)) rotate(-2deg);transition-delay:.12s}.letters-stack.show .card-item:nth-child(2){transform:translateY(calc(-40% + var(--drag-y, 0px) + var(--hover-lift, 0px))) translate(var(--drag-x, 0px)) rotate(1.8deg);transition-delay:.2s}.letters-stack.show .card-item:nth-child(3){transform:translateY(calc(-20% + var(--drag-y, 0px) + var(--hover-lift, 0px))) translate(var(--drag-x, 0px)) rotate(-1.2deg);transition-delay:.28s}.letters-stack.show .card-item:nth-child(4){transform:translateY(calc(0% + var(--drag-y, 0px) + var(--hover-lift, 0px))) translate(var(--drag-x, 0px)) rotate(.8deg);transition-delay:.36s}.letters-stack.show .card-item:nth-child(5){transform:translateY(calc(20% + var(--drag-y, 0px) + var(--hover-lift, 0px))) translate(var(--drag-x, 0px)) rotate(-.6deg);transition-delay:.44s}.letters-stack.show .card-item:nth-child(6){transform:translateY(calc(14% + var(--drag-y, 0px) + var(--hover-lift, 0px))) translate(var(--drag-x, 0px)) rotate(1.4deg);transition-delay:.52s}.letters-stack.show .card-item:nth-child(7){transform:translateY(calc(30% + var(--drag-y, 0px) + var(--hover-lift, 0px))) translate(var(--drag-x, 0px)) rotate(-1deg);transition-delay:.6s}.letters-stack.show .card-item:nth-child(8){transform:translateY(calc(40% + var(--drag-y, 0px) + var(--hover-lift, 0px))) translate(var(--drag-x, 0px)) rotate(1.2deg);transition-delay:.68s}.letters-stack.show .card-item.is-hidden-card{opacity:0;pointer-events:none;transform:translateY(160px) scale(.84);transition-delay:.72s}.letters-stack.show .card-item.is-hidden-card.is-active{opacity:0;box-shadow:none}.letters-stack.show .card-item:hover{--hover-lift: -4px;border-color:#c49746bf}.letters-stack.is-closing .card-item{opacity:0;pointer-events:none;transform:translateY(120px) scale(.92);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.letters-stack.is-closing .card-item:nth-child(1){transition-delay:.61s}.letters-stack.is-closing .card-item:nth-child(2){transition-delay:.53s}.letters-stack.is-closing .card-item:nth-child(3){transition-delay:.45s}.letters-stack.is-closing .card-item:nth-child(4){transition-delay:.37s}.letters-stack.is-closing .card-item:nth-child(5){transition-delay:.29s}.letters-stack.is-closing .card-item:nth-child(6){transition-delay:.21s}.letters-stack.is-closing .card-item:nth-child(7){transition-delay:.13s}.letters-stack.is-closing .card-item:nth-child(8){transition-delay:.05s}.letter-card-1{background:linear-gradient(165deg,#f8f0ff,#ecd7ff)}.letter-card-2{background:linear-gradient(165deg,#f5e7ff,#e1c4ff)}.letter-card-3{background:linear-gradient(165deg,#efdcff,#d8b1ff)}.letter-card-4{background:linear-gradient(165deg,#e8ceff,#cfa5ff)}.letter-card-5{background:linear-gradient(165deg,#f0d7ff,#bf8dff)}.letter-card-6{background:linear-gradient(165deg,#f7e4ff,#b97cff)}.letter-card-7{background:linear-gradient(165deg,#f3ddff,#ab68f5)}.letter-card-8{background:linear-gradient(165deg,#efe0ff,#9f5dee)}.letters-stack.show .card-item.is-active{z-index:12;box-shadow:inset 0 0 20px -5px var(--letter-shadow),0 24px 38px -20px #1a10248c}.letter-card__title{font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;color:#5a2a83eb;margin-bottom:.65rem}.letter-card__preview{margin:0;color:#1a1024d1;font-size:.96rem;line-height:1.5;max-width:90%}.letter-reader-overlay{position:fixed;inset:0;z-index:90;background:#0c0616c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .22s ease}.letter-reader-overlay.is-visible{opacity:1;pointer-events:auto}.letter-reader-overlay.is-exiting{opacity:0;pointer-events:none}.letter-reader-panel{position:relative;width:min(92vw,720px);max-height:min(86vh,760px);overflow:auto;border-radius:24px;padding:2rem 1.4rem 1.3rem;background:linear-gradient(165deg,#f9f3ff,#ead4ff);border:1px solid rgba(255,255,255,.7);box-shadow:0 28px 70px #160a277a;opacity:0;transform:translateY(16px) scale(.96);transition:transform .22s ease,opacity .22s ease}.letter-reader-panel.is-visible{opacity:1;transform:translateY(0) scale(1)}.letter-reader-panel.is-exiting{opacity:0;transform:translateY(8px) scale(.94)}.letter-reader-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:999px;border:0;background:#7c3aed24;color:#5f2597;font-size:1.5rem;line-height:1;cursor:pointer}.letter-reader-meta{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:#5a2a839e;margin-bottom:.25rem}.letter-reader-heading{margin:0 0 1.25rem;color:#2b1639;font-family:var(--letter-font);font-size:clamp(1.5rem,4vw,2.2rem)}.letter-reader-toolbar{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:.85rem;margin-right:3rem}.letter-reader-pill{border:0;border-radius:999px;padding:.5rem .8rem;font-size:.82rem;font-weight:700;color:#5f2597;background:#7c3aed1f;cursor:pointer}.letter-reader-pill.is-auto-on{background:#5ac48533;color:#2d7a4d}.letter-reader-pill.is-auto-paused{background:#7c3aed24}.letter-reader-resume{display:block;margin-top:.2rem;font-size:.72rem;color:#542883d1}.letter-progress-track,.letter-readall-track{position:relative;width:100%;height:7px;border-radius:999px;background:#7c3aed29;overflow:hidden}.letter-progress-fill,.letter-readall-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#8e5fd2,#bf8dff);transition:width .42s ease}.letter-progress-track{margin-bottom:.85rem}.letter-reader-single{will-change:opacity,transform}.letter-reader-single.reader-slide-in-left{animation:readerSlideInLeft .22s ease}.letter-reader-single.reader-slide-in-right{animation:readerSlideInRight .22s ease}.letter-reader-single--next{animation:letterSlideNext .42s cubic-bezier(.22,.9,.22,1)}.letter-reader-single--prev{animation:letterSlidePrev .42s cubic-bezier(.22,.9,.22,1)}.letter-completion-banner{margin-top:.8rem;border-radius:14px;padding:.75rem .85rem;background:#fffadba8;border:1px solid rgba(196,151,70,.28);color:#634116;animation:completionPop .45s ease}.letter-completion-banner h4{margin:0 0 .2rem;font-size:1rem}.letter-completion-banner p{margin:0;font-size:.88rem}.letter-reader-body{white-space:pre-line;color:#2b1639;font-size:1.02rem;line-height:1.75;background:#ffffff57;border:1px solid rgba(124,58,237,.14);border-radius:18px;padding:1rem 1rem 1.1rem}.letter-word{display:inline-block}.letter-word.is-revealing{opacity:0;animation:wordReveal .36s ease forwards;animation-delay:calc(var(--i) * 40ms)}.letter-reader-controls{display:flex;justify-content:center;gap:.8rem;margin-top:1rem;flex-wrap:wrap}.letter-reader-controls button{border:0;border-radius:999px;padding:.75rem 1.05rem;background:linear-gradient(180deg,#7e4db8,#67329d);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 10px 22px #66329d47}.letter-reader-progress{margin-top:.65rem;font-size:.88rem;color:#422060db;text-align:center}.letter-reader-all{max-height:min(58vh,540px);overflow:auto;display:grid;gap:.8rem}.letter-readall-topbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:.55rem;padding:.55rem .35rem .5rem;margin-bottom:.55rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(180deg,#f9f3ffeb,#f9f3ffb3)}.letter-readall-topbar span{font-size:.8rem;font-weight:700;color:#49236fd6}.letter-reader-item{background:#ffffff57;border:1px solid rgba(124,58,237,.14);border-radius:14px;padding:.9rem .95rem}.letter-reader-item h4{margin:0 0 .5rem;color:#3f1f58;font-size:1rem}.letter-reader-item p{margin:0;white-space:pre-line;color:#2b1639;line-height:1.72}@keyframes readerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes readerPop{0%{transform:translateY(16px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes letterSlideNext{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes letterSlidePrev{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes readerSlideInLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes readerSlideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes wordReveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes completionPop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.card-stamp{font-size:clamp(2.4rem,5vw,3.6rem);color:#5a2a83a6;-webkit-user-select:none;user-select:none}.letters--sphere{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--letter-x);height:var(--letter-y);z-index:6}.letter--gallery{width:100%;height:100%;left:0;top:0;cursor:default;overflow:visible;background:linear-gradient(160deg,#be536a,#9f3455);border-radius:8px;opacity:0;transform:scale(.88) translateY(12px);transition:opacity .65s ease,transform .8s ease}.letters--sphere.show-sphere .letter--gallery{opacity:1;transform:scale(1) translateY(0);transition-delay:.32s}.sphere-shell{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -22px var(--envelope-shadow);border-radius:12px}.photo-sphere-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:1200px;transform-style:preserve-3d;cursor:grab;touch-action:none}.photo-sphere-stage:active{cursor:grabbing}.photo-sphere-track{position:relative;width:0;height:0;transform-style:preserve-3d;will-change:transform}.photo-facet{position:absolute;left:50%;top:50%;width:clamp(85px,16vw,128px);height:clamp(105px,19vw,150px);margin-left:calc(clamp(85px,16vw,128px)/-2);margin-top:calc(clamp(105px,19vw,150px)/-2);border:2px solid rgba(255,255,255,.85);border-radius:14px;box-shadow:0 16px 28px -18px #000000a6;background-size:cover;background-position:center;background-repeat:no-repeat;image-rendering:high-quality;image-rendering:-webkit-optimize-contrast;transform-style:preserve-3d;will-change:transform;transition:transform .35s ease,box-shadow .35s ease;outline:none}.photo-facet:hover{box-shadow:0 18px 36px -16px #a87cd6cc}.photo-facet:focus-visible{box-shadow:0 0 0 3px #fffc,0 0 0 7px #9370db73}.photo-lightbox{position:fixed;inset:0;z-index:50;background:#130a1cb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.photo-lightbox-image{width:min(78vw,760px);height:min(82vh,80vw);border-radius:18px;border:3px solid rgba(255,255,255,.85);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 25px 70px -30px #a981d3f2;animation:spinScaleCenter .68s cubic-bezier(.2,.85,.2,1)}.photo-lightbox-close{position:absolute;top:18px;right:18px;border:0;background:#ffffff2e;color:#fff;width:40px;height:40px;border-radius:999px;font-size:1.2rem;line-height:1;cursor:pointer}@keyframes spinScaleCenter{0%{transform:scale(.45) rotate(-20deg);opacity:0}60%{transform:scale(1.06) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0)}}.letter cite{font-size:1.25rem;color:var(--letter-text);margin-top:1rem}.letter cite:before{content:none}.letter:nth-child(2n){transform:skew(-2deg) translateY(-4px)}.letter:nth-child(odd){transform:skew(2deg) translateY(4px)}@media(min-width:650px){.letter{font-size:1.3rem}.photo-facet{width:120px;height:150px;margin-left:-60px;margin-top:-75px}}.closeLetter{font-size:0!important;position:absolute;top:1rem;left:50%;transform:translate(-50%);background:none;box-shadow:none;padding:0;border:0}.closeLetter:before{content:"˚ʚ❤︎ɞ˚";font-size:1.5rem!important;font-family:var(--letter-font);color:var(--letter-button-text);text-align:center}.closeLetter:hover,.closeLetter:active,.closeLetter:focus{background-color:transparent;color:var(--letter-text);transform:translate(-50%);padding:0;margin:0}.closeLetter:hover:before,.closeLetter:active:before,.closeLetter:focus:before{content:"xXx"}@media screen and (max-width:658px){.envelope:before{content:"˚ʚ❤︎ɞ˚";font-size:50px;color:#fff;position:absolute;left:50%;top:20%;transform:translate(-50%,-50%);mix-blend-mode:soft-light}.envelope-flap{width:100%;height:71%;position:absolute;top:0;z-index:3;overflow:hidden;transition:.6s linear all;transform-origin:top;pointer-events:all}.envelope-folds{height:130%}.photo-lightbox-image{width:90vw;height:72vh}}.box{height:90%;max-height:400px}.heartBeating{animation:heartbeat 3s infinite;transform-origin:center}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(.95)}75%{transform:scale(1.1)}}.boxMail{position:fixed;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100%;top:0;display:flex;justify-content:center;align-items:center;transition:all .5s;z-index:100000000}.boxMail .crossAll{position:fixed;top:10px;right:10px;font-size:30px;padding:10px 25px;cursor:pointer;color:#fff;z-index:999}.boxMail .boxMail-container{position:absolute;width:min(92vw,750px);height:min(78vh,500px);display:flex;margin:0;transform:scale(.9);-webkit-perspective:2000px;perspective:2000px}.boxMail .boxMail-container:hover{transform:rotate(-5deg);filter:drop-shadow(0 0 10px #FF7882)}.boxMail .boxMail-container:hover .card1{transform:translate(-187px,-250px) rotateY(-140deg)}.boxMail .boxMail-container .card1,.boxMail .boxMail-container .card2{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid black}.boxMail .boxMail-container .card1{position:absolute;width:50%;height:100%;background:linear-gradient(135deg,pink,#f0f8ff);color:#333;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;border-right:2px solid rgba(255,255,255,.8);box-shadow:5px 0 15px #0000001a}.boxMail-container .card1{z-index:1;transform-style:preserve-3d;transform-origin:left;transition:transform 1.2s cubic-bezier(.4,0,.2,1)}.boxMail .boxMail-container .card1 .userImg{position:relative;width:clamp(72px,9vw,100px);height:clamp(72px,9vw,100px);background-color:#fff;border-radius:50%;overflow:hidden;border:5px solid #FFC0CB;cursor:pointer;margin-bottom:20px;box-shadow:0 0 15px #ffc0cbcc;animation:floatImage 4s ease-in-out infinite;z-index:3}.boxMail .boxMail-container .card1 .userImg:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(145deg,#be98ff47,#ad7eff38);pointer-events:none}.boxMail .boxMail-container .card1 .userImg img{position:absolute;object-fit:cover;width:100%;height:100%;filter:saturate(.94) hue-rotate(14deg) contrast(1.04) brightness(1.02)}.boxMail .boxMail-container .card1 .cover-text-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;transform:rotate(-2deg);z-index:3;color:#333}.boxMail .boxMail-container .card1 .username{font-family:Inter,sans-serif;font-size:20px;font-weight:600;margin-bottom:8px;letter-spacing:1.5px;text-shadow:0 0 3px rgba(0,0,0,.1)}.boxMail .boxMail-container .card1 .cover-title{font-family:Dancing Script,cursive;font-size:clamp(1.6rem,4.6vw,3.4rem);text-transform:capitalize;width:100%;text-align:center;line-height:1.1;letter-spacing:4px;margin:0;color:#ff69b4;text-shadow:0 0 8px rgba(255,105,180,.8),0 0 15px rgba(255,255,255,.7);animation:pulseGlowHelloKitty 3s infinite alternate}.boxMail .boxMail-container .card1 .cover-subtitle{font-family:Inter,sans-serif;font-size:16px;margin-top:12px;opacity:.9;color:#555}.boxMail .boxMail-container .card1 .card1-decoration-sparkle{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2;z-index:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.15),rgba(255,255,255,.15) 8px,transparent 8px,transparent 16px);animation:shimmer 15s linear infinite}.boxMail .boxMail-container .card1 .deco-shape{position:absolute;width:60px;height:60px;z-index:1;opacity:.8;transition:all .5s;filter:drop-shadow(0 0 5px rgba(0,0,0,.2))}.boxMail .boxMail-container .card1 .deco-shape.top-right-star{top:20px;right:20px;animation:slowSpin 15s linear infinite}.boxMail .boxMail-container .card1 .deco-shape.top-right-star polygon{fill:#ffffffb3}.boxMail .boxMail-container .card1 .deco-shape.bottom-left-ring{bottom:30px;left:20px;animation:rotateOscillate 10s ease-in-out infinite alternate}.boxMail .boxMail-container .card1 .deco-shape.bottom-left-ring circle:first-child{stroke:#fffc}.boxMail .boxMail-container .card1 .deco-shape.bottom-left-ring circle:last-child{fill:#ffc0cb4d}.boxMail .boxMail-container:hover .card1 .deco-shape{opacity:.5}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pulseGlowHelloKitty{0%{text-shadow:0 0 5px #FF69B4,0 0 10px #FF69B4,0 0 15px #FFC0CB}to{text-shadow:0 0 10px #FF69B4,0 0 20px #FF69B4,0 0 30px #FFC0CB}}@keyframes shimmer{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes slowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateOscillate{0%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}@keyframes bounceKitty{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}@keyframes patternShift{0%{background-position:0 0}to{background-position:100px 100px}}.boxMail .boxMail-container .card2{position:relative;width:50%;height:100%;background-color:#f7f7f7;transform-style:preserve-3d;transform-origin:left;transition:all 1s cubic-bezier(.25,.8,.25,1);box-shadow:inset 5px 0 15px #00000014}.boxMail .boxMail-container .card2 .card2-content{width:100%;height:100%;position:relative;background-color:#ff7882;transition:all 1s cubic-bezier(.4,0,.2,1);overflow:hidden;font-family:Inter,sans-serif;color:#fff;border-radius:10px;padding:25px;box-sizing:border-box;display:flex;flex-direction:column}.boxMail .boxMail-container:hover .card2-content{transform:translate(12px,12px);box-shadow:10px 10px 30px #0006,-2px -2px 8px #ffffff1a}.boxMail .boxMail-container .card2 h3{font-family:Dancing Script,cursive;padding:0 0 10px;text-align:center;font-size:34px;margin-bottom:15px;text-shadow:0 0 5px rgba(0,0,0,.1);border-bottom:3px dashed rgba(255,255,255,.5)}.boxMail .boxMail-container .card2 .card2-message-text{font-family:Sriracha,"cursive";padding:8px 0 6px;font-size:clamp(.95rem,1.8vw,1.12rem);line-height:1.72;flex-grow:1;overflow-y:auto;color:#fff7ff;text-shadow:0 0 3px rgba(0,0,0,.1)}.boxMail .boxMail-container .card2 .card2-message-text .birthday-paragraph{margin:0 0 .95rem}.boxMail .boxMail-container .card2 .card2-message-text .birthday-highlight{margin:0 0 1rem;padding:.62rem .72rem;border-radius:12px;background:#ffffff24;border:1px solid rgba(255,255,255,.35);font-weight:700;line-height:1.55}.boxMail .boxMail-container .card2 .card2-message-text .birthday-closing{margin:0;font-weight:700;font-size:clamp(1rem,2vw,1.2rem)}.boxMail .boxMail-container .card2 .card2-message-text .birthday-emoji{font-size:1.05em}.boxMail .boxMail-container .card2 .signature{font-family:Dancing Script,cursive;font-size:26px;font-weight:700;color:#fff;margin-top:15px;text-align:right;text-shadow:0 0 5px rgba(0,0,0,.2)}.boxMail .boxMail-container .card2 .card2-message-text::-webkit-scrollbar{width:6px}.boxMail .boxMail-container .card2 .card2-message-text::-webkit-scrollbar-thumb{background-color:#ffffff80;border-radius:3px}.boxMail .boxMail-container .card2 .card2-content .card2-decoration{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 100% 100%,rgba(255,255,255,.1) 1%,transparent 5%),radial-gradient(circle at 0% 0%,rgba(255,255,255,.1) 1%,transparent 5%);pointer-events:none;opacity:.8}.boxMail .boxMail-container .card2 .card2-content .corner-ribbon{position:absolute;width:0;height:0;border:20px solid transparent;z-index:10;pointer-events:none;opacity:.8}.boxMail .boxMail-container .card2 .card2-content .corner-ribbon.top-left{top:0;left:0;border-top-color:#ffffffb3;border-left-color:#ffffffb3;border-bottom-color:transparent;border-right-color:transparent}.boxMail .boxMail-container .card2 .card2-content .corner-ribbon.bottom-right{bottom:0;right:0;border-bottom-color:#0a0a0a33;border-right-color:#0a0a0a33;border-top-color:transparent;border-left-color:transparent}.boxMail .boxMail-container .card2 .card2-content .confetti-dots{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.2;background:radial-gradient(circle at 10% 20%,#fff 2px,transparent 0),radial-gradient(circle at 80% 50%,rgba(255,255,255,.8) 2px,transparent 0),radial-gradient(circle at 50% 90%,#FF7882 1px,transparent 0),radial-gradient(circle at 30% 60%,#fff 1px,transparent 0),radial-gradient(circle at 70% 10%,#FF7882 2px,transparent 0);background-size:50px 50px;transform:rotate(1deg)}@media screen and (max-width:658px){.boxMail .boxMail-container{position:absolute;width:min(96vw,620px);height:min(72vh,480px);display:flex;margin:0;transform:scale(.9);-webkit-perspective:2000px;perspective:2000px}.boxMail .boxMail-container:hover{transform:rotate(-5deg);filter:drop-shadow(0 0 10px #FF7882)}.boxMail .boxMail-container:hover .card1{transform:translate(-160px,-250px) rotateY(-140deg)}.boxMail .boxMail-container .card1 .userImg{width:clamp(64px,16vw,88px);height:clamp(64px,16vw,88px);border-width:3px}.boxMail .boxMail-container .card1 .deco-shape{width:42px;height:42px}.boxMail .boxMail-container .card2 h3{font-family:Dancing Script,cursive;font-size:clamp(1.2rem,4.6vw,1.75rem);margin-bottom:15px}.boxMail .boxMail-container .card2 .card2-message-text{font-family:Sriracha,"cursive";padding:10px 0;font-size:clamp(.84rem,3.1vw,1rem);line-height:1.66;flex-grow:1;overflow-y:auto;text-shadow:0 0 3px rgba(0,0,0,.1)}.boxMail .boxMail-container .card2 .card2-message-text .birthday-highlight{padding:.52rem .6rem;margin-bottom:.82rem}.boxMail .boxMail-container .card2 .signature{font-size:20px}}@media screen and (max-width:520px){.boxMail .crossAll{top:8px;right:8px;font-size:24px;padding:8px 14px}.boxMail .boxMail-container{width:96vw;height:min(70vh,420px);transform:scale(.98)}.boxMail .boxMail-container:hover{transform:scale(.98);filter:drop-shadow(0 0 8px #FF7882)}.boxMail .boxMail-container:hover .card1{transform:translate(-128px,-210px) rotateY(-140deg)}.boxMail .boxMail-container .card2 h3{font-size:clamp(1.1rem,5vw,1.35rem);margin-bottom:10px}.boxMail .boxMail-container .card2 .card2-message-text{font-size:clamp(.78rem,3.5vw,.92rem);line-height:1.62}.boxMail .boxMail-container .card2 .card2-message-text .birthday-paragraph{margin-bottom:.78rem}.boxMail .boxMail-container .card2 .card2-message-text .birthday-highlight{padding:.5rem .55rem;border-radius:10px}.boxMail .boxMail-container .card2 .card2-message-text .birthday-closing{font-size:.92rem}.boxMail .boxMail-container .card2 .signature{font-size:18px}}.flow-root{min-height:100dvh;width:100%;position:relative;overflow:hidden}.gift-gate{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(255,235,249,.25),transparent 45%),#0e0618d1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:1;transition:opacity .42s ease}.gift-gate.is-exit{opacity:0;pointer-events:none}.gift-gate__button{border:0;cursor:pointer;background:transparent;display:grid;justify-items:center;gap:.7rem;color:#fff;font-family:Sriracha,cursive}.gift-gate__icon{width:clamp(110px,28vw,180px);filter:drop-shadow(0 10px 24px rgba(255,124,217,.45));animation:gateFloat 2.4s ease-in-out infinite}.gift-gate__hint{margin:0;font-size:clamp(.95rem,2.8vw,1.2rem);animation:gatePulse 1.8s ease-in-out infinite}.dash-view{min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(180deg,#ffffff59,#e5d6f6b3)}.dash-panel{width:min(92vw,540px);border-radius:24px;padding:1.1rem;background:#ffffffd4;border:1px solid rgba(255,255,255,.88);box-shadow:0 20px 40px #5725782e;text-align:center;transform:translateY(0);opacity:1;transition:opacity .46s ease,transform .46s ease}.dash-panel.is-exit{opacity:0;transform:translateY(18px)}.dash-view--secondary{position:relative;overflow:hidden;background:#0f0a17}.dash-collage{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.42rem;padding:.5rem;z-index:0}.dash-collage img{width:100%;height:100%;object-fit:cover;border-radius:12px;filter:blur(20px) brightness(.3) saturate(.95);transition:filter .5s ease}.dash-view--secondary:before{content:"";position:absolute;inset:0;background:#0c081394;pointer-events:none;z-index:1}.dash-view--secondary.is-hub-active .dash-collage img{filter:blur(14px) brightness(.43) saturate(1.03)}.dash-panel--glass{position:relative;z-index:3;width:min(94vw,620px);border-radius:40px;padding:1.3rem 1.2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.32);box-shadow:0 28px 48px #0a061275;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.dash-view--secondary .dash-title{color:#f7ecff;text-shadow:0 1px 8px rgba(53,26,86,.45)}.dash-view--secondary .dash-subtitle{color:#eedfffe6}.dash-title{margin:0;color:#5d2f7d;line-height:1.2;font-family:Titan One,sans-serif;font-size:clamp(1.5rem,5.8vw,2.2rem)}.dash-subtitle{margin:.45rem 0 1rem;color:#8b5ab2;font-weight:500;font-style:italic}.dash-polaroid{width:fit-content;margin:.2rem auto 1.05rem;background:transparent;border-radius:0;padding:0;border:0;box-shadow:none;transform:rotate(-1.2deg);animation:polaroidFloat 4s ease-in-out infinite;backdrop-filter:none;-webkit-backdrop-filter:none}.dash-avatar-wrap{width:clamp(130px,32vw,180px);height:clamp(130px,32vw,180px);margin:0 auto;border-radius:50%;padding:0;background:transparent;position:relative;overflow:hidden}.dash-avatar-wrap:after{content:"";position:absolute;inset:0;border-radius:50%;background:transparent;pointer-events:none}.dash-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:0;filter:saturate(.95) hue-rotate(6deg) contrast(1.01) brightness(.99)}.glow-action{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:2px solid rgba(255,255,255,.98);cursor:pointer;border-radius:999px;min-width:182px;padding:.82rem 1.32rem;font-weight:800;font-size:1rem;letter-spacing:.01em;color:#fff;background:linear-gradient(135deg,#7842bd94,#603aae73);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 2px rgba(37,14,64,.55);box-shadow:0 10px 28px #3f1f686b,0 0 24px #c4a6ff73,0 0 22px #ffffff3b inset;animation:btnGlow 2.6s ease-in-out infinite}.glow-action svg{font-size:1.08rem}.glow-action:after{content:"";position:absolute;inset:-5px;border-radius:999px;border:1px solid rgba(214,194,255,.75);opacity:.9;pointer-events:none}.secondary-action{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:3px solid rgba(255,255,255,.95);cursor:pointer;border-radius:999px;min-width:182px;padding:.82rem 1.32rem;font-weight:800;font-size:1rem;letter-spacing:.01em;color:#fff;background:linear-gradient(135deg,#c878e6b3,#9650d299);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-shadow:0 1px 2px rgba(37,14,64,.7);box-shadow:0 15px 35px #9650d280,0 0 30px #dc96ff99,0 0 25px #ffffff4d inset;animation:btnGlowSecondary 2.2s ease-in-out infinite;transition:all .25s ease}.secondary-action:hover{transform:scale(1.05);box-shadow:0 20px 40px #9650d299,0 0 35px #dc96ffcc,0 0 30px #fff6 inset}.secondary-action svg{font-size:1.08rem}.secondary-action:after{content:"";position:absolute;inset:-8px;border-radius:999px;border:2px solid rgba(220,150,255,.8);opacity:.95;pointer-events:none;animation:borderGlow 3s ease-in-out infinite}@keyframes btnGlowSecondary{0%,to{box-shadow:0 15px 35px #9650d280,0 0 30px #dc96ff99,0 0 25px #ffffff4d inset}50%{box-shadow:0 15px 45px #9650d2b3,0 0 40px #dc96ffcc,0 0 30px #fff6 inset}}@keyframes borderGlow{0%,to{border-color:#dc96ff99}50%{border-color:#ffc8ff}}.dash-actions{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap}.friend-link-btn{appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:182px;padding:.82rem 1.32rem;border-radius:999px;border:2px solid rgba(112,68,171,.85);background:#ffffffdb;color:#6b38a6;font-weight:800;text-decoration:none;box-shadow:0 8px 20px #6c38a433;transition:transform .22s ease,box-shadow .22s ease}.friend-link-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #6c38a442}.dash-view--secondary .secondary-action{border:1px solid rgba(255,255,255,.9);background:#ffffff14;color:#fefbff;box-shadow:0 10px 22px #0a061252;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:none}.dash-view--secondary .secondary-action:after{border:1px solid rgba(255,255,255,.5);inset:-4px;animation:none}.dash-view--secondary .secondary-action:hover{transform:translateY(-2px);box-shadow:0 14px 28px #120a1c73,0 0 20px #c097ffa6;border-color:#d6b9fff2}.dash-view--secondary .friend-link-btn{border:1px solid rgba(247,219,159,.9);background:#fff1d214;color:#ffefcc;box-shadow:0 10px 24px #27190559}.dash-view--secondary .friend-link-btn:hover{transform:translateY(-2px);animation:premiumPulse 1.2s ease-in-out infinite;box-shadow:0 14px 28px #28190773,0 0 16px #fcdb8db3}@keyframes premiumPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.08)}}.friend-space{min-height:100dvh;width:100%;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,#2f1947,#42255f 52%,#2b173f)}.friend-gallery{position:absolute;inset:0;opacity:.34;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(180px,1fr);align-content:start;gap:.45rem;padding:.6rem;overflow-y:auto}.friend-gallery img{width:100%;height:100%;min-height:180px;object-fit:cover;border-radius:8px;border:3px solid rgba(255,255,255,.95)}.gift-room{position:relative;z-index:2;width:min(92vw,580px);padding:2rem 1.5rem 1.1rem;border-radius:20px;background:#0d091480;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;color:#fff;transition:opacity .46s ease,transform .46s ease;margin-bottom:3rem}.gift-room.is-exit{opacity:0;transform:translateY(22px);pointer-events:none}.gift-headline{margin:0 0 .2rem;font-family:Dancing Script,cursive;font-size:clamp(2rem,8vw,2.8rem)}.gift-row{display:flex;justify-content:center;gap:2.5rem;margin-top:2.5rem;padding-bottom:1.5rem}.gift-choice{width:140px;height:140px;border:0;border-radius:16px;cursor:pointer;color:#fff;font-weight:800;font-size:1rem;transform-style:preserve-3d;animation:boxFloat 2.8s ease-in-out infinite;overflow:hidden;position:relative;transition:transform .2s ease;box-shadow:0 12px 30px #0006}.gift-choice.bait{background:transparent;position:relative;animation:boxFloat 2.8s ease-in-out infinite,baitWiggle 1.7s ease-in-out infinite,baitPulse 2.2s ease-in-out infinite}.gift-choice.bait:after{content:"";position:absolute;inset:-7px;border-radius:18px;border:2px solid rgba(255,201,240,.9);box-shadow:0 0 22px #ff98dfbf;pointer-events:none;animation:baitRing 1.9s ease-in-out infinite}.gift-choice.bait .gift-choice-image{width:100%;height:100%;object-fit:contain;display:block;border-radius:0}.gift-choice.bait:hover{transform:scale(1.08)}.gift-choice.prize{background:transparent;animation-delay:.4s}.gift-choice.prize:hover{transform:scale(1.08)}.gift-choice-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:14px;transition:transform .3s ease}.gift-choice:hover .gift-choice-image{transform:scale(1.1)}.gift-choice.bait span,.gift-choice.prize span{position:absolute;left:50%;bottom:8px;transform:translate(-50%);background:#0f091acc;border-radius:999px;padding:.25rem .65rem;font-size:.8rem;z-index:2;font-weight:900;letter-spacing:.05em}.intro-video-overlay{position:fixed;inset:0;z-index:50;background:#000;display:grid;place-items:center}.intro-video-player{width:100vw;height:100dvh;object-fit:contain;background:#000}@media(max-width:768px){.intro-video-player{object-fit:cover}}.gift-choice.is-shake{animation:shake .36s linear 1}@keyframes baitWiggle{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(-2.2deg) translateY(-2px)}50%{transform:rotate(2.2deg) translateY(0)}75%{transform:rotate(-1.2deg) translateY(-1px)}}@keyframes baitPulse{0%,to{filter:drop-shadow(0 0 6px rgba(255,187,238,.55))}50%{filter:drop-shadow(0 0 16px rgba(255,133,220,.95))}}@keyframes baitRing{0%,to{opacity:.58;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.gift-choice.is-busy{filter:saturate(.75)}.gift-error{margin:.8rem auto 0;padding:.45rem .8rem;width:fit-content;border-radius:999px;border:1px solid rgba(255,255,255,.32);background:#0a0613b3}.emoji-fall{position:absolute;top:-10vh;font-size:1.35rem;animation:emojiDrop var(--dur) linear forwards;left:var(--x);z-index:4}.letters-stage{position:relative;z-index:3;width:min(92vw,610px);opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .52s ease,transform .52s ease}.letters-stage.is-show{opacity:1;transform:translateY(0);pointer-events:auto}.letters-title{margin:0;text-align:center;color:#fff;font-family:Dancing Script,cursive;font-size:clamp(2rem,8vw,3rem)}.letters-sub{margin:.1rem 0 .9rem;text-align:center;color:#e8d8ff}.letters-list{position:relative;min-height:420px}.friend-letter{position:absolute;inset:0;border-radius:16px;padding:1.1rem;color:#2a1f35;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.5),transparent 60%),repeating-linear-gradient(0deg,rgba(0,0,0,.02),rgba(0,0,0,.02) 2px,transparent 2px,transparent 9px),#fffdf5;border:1px solid #eadfcb;box-shadow:0 18px 32px #0000004d;opacity:0;transform:translateY(20px) rotate(var(--tilt));transition:opacity .46s ease,transform .46s ease}.friend-letter h3{margin:0;font-family:Dancing Script,cursive;font-size:clamp(1.6rem,6vw,2.15rem)}.friend-letter p{margin:.75rem 0 0;font-family:Sriracha,cursive;line-height:1.6;font-size:clamp(.95rem,3.5vw,1.1rem)}.letters-stage.is-show .friend-letter{opacity:1;transform:translateY(0) rotate(var(--tilt))}.friend-letter:nth-child(1){--tilt: -2.3deg;transition-delay:40ms}.friend-letter:nth-child(2){--tilt: 1.5deg;transition-delay:.12s}.friend-letter:nth-child(3){--tilt: -1.3deg;transition-delay:.2s}@keyframes gateFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}75%{transform:translateY(-6px) rotate(-2deg)}}@keyframes gatePulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes btnGlow{0%,to{transform:scale(1);box-shadow:0 8px 24px #592f8b38,0 0 18px #ffffff2e inset}50%{transform:scale(1.04);box-shadow:0 12px 30px #592f8b4d,0 0 26px #ffffff4d inset}}@keyframes polaroidFloat{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-6px) rotate(-.4deg)}}@keyframes boxFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px) rotate(-2deg)}50%{transform:translate(5px) rotate(2deg)}75%{transform:translate(-4px) rotate(-1deg)}}@keyframes emojiDrop{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(115vh) rotate(390deg);opacity:.9}}@media(max-width:520px){.dash-collage{grid-template-columns:repeat(2,1fr);gap:.3rem;padding:.35rem}.dash-panel--glass{border-radius:28px}.gift-choice{width:102px;height:102px}}.route-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;transition:opacity .5s ease-out;opacity:1}.route-loader.fade-out-exit{opacity:0}@keyframes heart-pulse{0%{transform:scale(.8) rotate(-45deg);opacity:.5}50%{transform:scale(1.1) rotate(-45deg);opacity:.9}to{transform:scale(.8) rotate(-45deg);opacity:.5}}main{position:relative;min-height:100vh;overflow:hidden}main:before{content:"";position:absolute;top:50px;left:50px;width:20px;height:20px;background-color:#f36363;transform:rotate(-45deg);animation:heart-pulse 2s infinite ease-in-out;filter:blur(.5px);z-index:10}main:before:after{content:"";position:absolute;border-radius:50%;width:20px;height:20px;background-color:#f36363;left:-10px;top:0}main:before:before{content:"";position:absolute;border-radius:50%;width:20px;height:20px;background-color:#f36363;left:0;top:-10px}main:after{content:"";position:absolute;bottom:50px;right:50px;width:15px;height:15px;background-color:#db3434;transform:rotate(-45deg);animation:heart-pulse 2.5s infinite reverse ease-in-out;filter:blur(.5px);z-index:10}main:after:after{content:"";position:absolute;border-radius:50%;width:15px;height:15px;background-color:#e92323;left:-7.5px;top:0}main:after:before{content:"";position:absolute;border-radius:50%;width:15px;height:15px;background-color:#f32828;left:0;top:-7.5px}.heart-loader{position:absolute;display:block;left:50%;top:50%;margin-top:-150px;width:300px;height:300px;overflow:visible}.heart-loader__group{transform-origin:0 90px;animation:group-anim 7s .1s forwards}.heart-loader__square{stroke:#faebd7;stroke-dasharray:240,240;stroke-dashoffset:240;animation:square-anim 7s .1s forwards}.heart-loader__circle{stroke:#faebd7;stroke-dasharray:188.522,188.522;stroke-dashoffset:188.522;transform-origin:60px 30px}.heart-loader__circle.m--left{animation:left-circle-anim 7s .1s forwards}.heart-loader__circle.m--right{animation:right-circle-anim 7s .1s forwards}.heart-loader__heartPath{stroke:#af0202;fill:transparent;stroke-dasharray:308.522,308.522;stroke-dashoffset:308.522;animation:heart-anim 7s .1s forwards}@keyframes square-anim{12%{stroke-dashoffset:0}43%{stroke-dashoffset:0;opacity:1}85%{stroke-dashoffset:0;opacity:0}to{stroke-dashoffset:0;opacity:0}}@keyframes left-circle-anim{12%{stroke-dashoffset:188.522}31%{stroke-dashoffset:0;transform:translateY(0)}41%{stroke-dashoffset:0;transform:translateY(-30px)}43%{stroke-dashoffset:0;transform:translateY(-30px);opacity:1}85%{stroke-dashoffset:0;transform:translateY(-30px);opacity:0}to{stroke-dashoffset:0;transform:translateY(-30px);opacity:0}}@keyframes right-circle-anim{12%{stroke-dashoffset:188.522}31%{stroke-dashoffset:0;transform:translate(0)}41%{stroke-dashoffset:0;transform:translate(30px)}43%{stroke-dashoffset:0;transform:translate(30px);opacity:1}85%{stroke-dashoffset:0;transform:translate(30px);opacity:0}to{stroke-dashoffset:0;transform:translate(30px);opacity:0}}@keyframes group-anim{43%{transform:rotate(0)}54%{transform:rotate(-45deg)}90%{transform:rotate(-45deg);opacity:1}97%{transform:rotate(-45deg);opacity:1}to{transform:rotate(-45deg);opacity:1}}@keyframes heart-anim{55%{stroke-dashoffset:308.522;fill:transparent}70%{stroke-dashoffset:0;fill:transparent}87%{stroke-dashoffset:0;fill:#af0202}to{stroke-dashoffset:0;fill:#af0202}}.other{position:absolute;left:0;bottom:.5rem;width:100%;text-align:right}.other__link{font-size:1.3rem;margin:0 1rem}@media screen and (max-width:658px){.heart-loader{position:absolute;display:block;left:50%;top:50%;margin-top:-150px;width:200px;height:200px;overflow:visible}}#CakeWrapper{width:min(92vw,400px);margin:0 auto}.loader-wrapper{transition:transform 1.2s cubic-bezier(.77,0,.175,1),opacity .8s ease-out;transform:translateY(0);opacity:1}.slide-up-fade-out{transform:translateY(-100vh);opacity:0;visibility:hidden}.full-screen-deco{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.deco-shape{opacity:0;animation-fill-mode:forwards;transform-origin:center center}.deco-shape.big-circle{opacity:.5;animation:slowFloat 20s ease-in-out infinite alternate,moveAcross 35s linear infinite;animation-delay:1s}.deco-shape.small-ring{opacity:.6;animation:slowRotate 30s linear infinite reverse,gentleDrift 25s ease-in-out infinite;animation-delay:5s}.deco-shape.particle-red-1{animation:floatAndFade 18s ease-in-out infinite alternate,rotateZ 15s linear infinite;animation-delay:2s;opacity:.7}.deco-shape.particle-white-1{animation:driftUp 22s ease-in-out infinite,sway 10s ease-in-out infinite alternate;animation-delay:4s;opacity:.6}.deco-shape.particle-pink-1{animation:floatAndScale 25s linear infinite,wiggle 7s ease-in-out infinite alternate;animation-delay:6s;opacity:.5}.deco-shape.particle-red-2{animation:driftDiagonal 20s ease-in-out infinite alternate,pulseOpacity 3s ease-in-out infinite alternate;animation-delay:8s;opacity:.8}.deco-shape.particle-white-2{animation:floatAndFade 23s ease-in-out infinite reverse,rotateZ 18s linear infinite reverse;animation-delay:10s;opacity:.7}.deco-shape.particle-pink-2{animation:driftUp 27s ease-in-out infinite reverse,sway 12s ease-in-out infinite alternate;animation-delay:12s;opacity:.4}.deco-shape.particle-dot-1{animation:smallSparkle 4s ease-out infinite forwards;animation-delay:1s;opacity:.9}.deco-shape.particle-dot-2{animation:smallSparkle 4s ease-out infinite forwards;animation-delay:2.5s;opacity:.8}.deco-shape.particle-dot-3{animation:smallSparkle 4s ease-out infinite forwards;animation-delay:.5s;opacity:.7}.deco-shape.particle-dot-4{animation:smallSparkle 4s ease-out infinite forwards;animation-delay:3.2s;opacity:.95}@keyframes floatAndFade{0%{transform:translateY(0);opacity:.5}50%{transform:translateY(-15vh);opacity:1}to{transform:translateY(0);opacity:.5}}@keyframes rotateZ{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes driftUp{0%{transform:translateY(0)}to{transform:translateY(-20vh)}}@keyframes sway{0%{transform:translate(0)}50%{transform:translate(10vw)}to{transform:translate(0)}}@keyframes floatAndScale{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-10vh) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes wiggle{0%,to{transform:translate(0)}25%{transform:translate(2vw,1vh) rotate(5deg)}50%{transform:translate(-1vw,-2vh) rotate(-3deg)}75%{transform:translate(3vw,.5vh) rotate(2deg)}}@keyframes driftDiagonal{0%{transform:translate(0)}to{transform:translate(10vw,-15vh)}}@keyframes pulseOpacity{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes smallSparkle{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.cake{cursor:pointer}#cake{display:block;width:min(52vw,200px);height:auto;position:relative;margin:-10em auto 0}.velas{background:#fff;border-radius:10px;position:absolute;top:228px;left:50%;margin-left:-2.4px;margin-top:-8.33333333px;width:5px;height:35px;transform:translateY(-300px);backface-visibility:hidden;animation:in .5s 6s ease-out forwards}.velas:after,.velas:before{background:#9370db73;content:"";position:absolute;width:100%;height:2.22222222px}.velas:after{top:25%;left:0}.velas:before{top:45%;left:0}.fuego{border-radius:100%;position:absolute;top:-20px;left:50%;margin-left:-2.6px;width:6.66666667px;height:18px;cursor:pointer}.fuego:nth-child(1){animation:fuego 2s 6.5s infinite}.fuego:nth-child(2){animation:fuego 1.5s 6.5s infinite}.fuego:nth-child(3){animation:fuego 1s 6.5s infinite}.fuego:nth-child(4){animation:fuego .5s 6.5s infinite}.fuego:nth-child(5){animation:fuego .2s 6.5s infinite}@keyframes fuego{0%,to{background:#9966ccd9;box-shadow:0 0 28px 9px #9370db59;transform:translateY(0) scale(1)}50%{background:#bf94f080;box-shadow:0 0 40px 20px #ab82eb4d;transform:translateY(-20px) scale(0)}}@keyframes in{to{transform:translateY(0)}}.cakeText{color:#8b6a60;font-family:Lato,sans-serif;font-weight:300;font-style:italic;text-align:center}.cakeText h1{font-size:1.4em}.cakeText p{font-family:Open Sans;font-size:1.5em}.cakeText{position:fixed;top:66%;left:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;text-align:center;font-family:Dancing Script,cursive;z-index:10002;animation:textAppear 1.2s cubic-bezier(.23,1,.32,1) 6.8s forwards}.cakeText .cakeText-title{font-size:45px;line-height:1;color:indigo;font-weight:700;text-shadow:2px 2px 0px rgba(255,255,255,1)}.cakeText .cakeText-name{font-family:Inter,sans-serif;font-size:2.5em;font-weight:700;color:#96c;text-transform:uppercase;letter-spacing:5px;opacity:0;transform:translateY(-20px);animation:nameDrop .6s cubic-bezier(.68,-.55,.265,1.55) 7.4s forwards}.cakeText .cakeText-kitty-bow{position:absolute;top:8px;rotate:46deg;right:80px;width:80px;height:50px;background-image:url(/assets/ribbonImg-C5XHtd00.png);background-size:cover;background-repeat:no-repeat;z-index:10;opacity:0;animation:bowWiggle 1s ease-in-out infinite alternate 7.4s forwards}@keyframes textAppear{0%{opacity:0;visibility:hidden;transform:translate(-50%,-40%)}to{opacity:1;visibility:visible;transform:translate(-50%,-50%)}}@keyframes nameDrop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes bowWiggle{0%{transform:rotate(0);opacity:1}25%{transform:rotate(10deg)}50%{transform:rotate(-8deg)}75%{transform:rotate(5deg)}to{transform:rotate(0);opacity:1}}.cakeText .cakeText-name{font-family:Great Vibes,Dancing Script,cursive;font-size:3.5em;font-weight:500;margin-top:0;color:#96c;text-transform:capitalize;letter-spacing:0px;opacity:0;transform:translate(-50px) scale(.9);animation:ribbonFadeIn 1s cubic-bezier(.65,.05,.36,1) 7.4s forwards;text-shadow:2px 2px 0px rgba(255,255,255,1)}@keyframes ribbonFadeIn{0%{opacity:0;transform:translate(-70px) scale(.8);filter:blur(5px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}@media screen and (max-width:658px){.cake{position:relative}#cake{position:relative;z-index:2}.velas{z-index:4}.fuego{z-index:5}#CakeWrapper{width:auto}.cakeText{position:fixed;top:65%;left:50%;transform:translate(-50%,-50%)}.cakeText .cakeText-title{font-size:36px;color:indigo;width:300px}.cakeText .cakeText-name{font-size:2.5em;margin-top:10px;opacity:0;transform:translateY(-20px);animation:nameDrop .6s cubic-bezier(.68,-.55,.265,1.55) 7.4s forwards}.cakeText .cakeText-kitty-bow{position:absolute;top:0;rotate:46deg;right:70px;width:60px;height:50px;background-image:url(/assets/ribbonImg-C5XHtd00.png);background-size:contain;background-repeat:no-repeat}}