*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:'Lobster';   background: linear-gradient(to bottom right, #ffadce, #fffafc);background-size:cover;overflow:hidden}.boicanh{width:100vw;height:120vh;perspective:1200px;display:flex;align-items:center;justify-content:center;perspective-origin:50% 150px;transform-style:preserve-3d;touch-action:none}#perspective{transform-style:preserve-3d;position:relative;transform:translateZ(0)}#bithu{width:400px;height:280px;transform-style:preserve-3d;transition:transform .3s ease;position:relative;box-shadow:0 10px 40px rgb(0 0 0 / .3);border-radius:8px}.mat{position:absolute;width:100%;height:100%;backface-visibility:hidden}.truoc{background-image:repeating-linear-gradient(135deg,#ff9aa2,#ff9aa2 20px,#ffffff 0,#ffffff 40px,#b28dff 0,#b28dff 60px,#ffffff 0,#ffffff 80px);border-radius:8px;z-index:2}#white{width:95%;height:90%;background:#fff0f5;border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px dashed #ff6f91}.truoc h1{color:#ff4f81;text-shadow:1px 1px 2px #fff;text-align:center;padding-top:60px;font-family:'Dancing Script',cursive;font-size:32px}.sau{background:linear-gradient(to bottom,whitesmoke 0%,#d6d6d6 100%);transform:rotateY(180deg);border-radius:8px}#mothu{position:absolute;top:0;left:0;height:0;border-top:161px solid #fbd6db;border-left:190px solid #fff0;border-right:200px solid #fff0;transform-origin:center top;z-index:10}#nepgap,#nepgapphai{position:absolute;top:0;width:0;height:0;border-top:140px solid #fff0;border-bottom:140px solid #fff0;z-index:5}#nepgap{left:0;border-left:180px solid #fbe0e6}#nepgapphai{right:0;border-right:180px solid #fbe0e6}#nepgapduoi{position:absolute;bottom:0;left:0;width:0;height:0;border-left:200px solid #fff0;border-right:200px solid #fff0;border-bottom:140px solid #fbd6db;z-index:4}#lathu{background:linear-gradient(to bottom,#fffafa 0%,#fff0f5 100%);box-shadow:0 2px 5px rgb(0 0 0 / .2);border-radius:8px;position:absolute;top:3px;left:5px;width:390px;height:200px;padding:0;overflow:hidden;z-index:1;transition:all 0.5s ease}canvas#lathujanshare{width:100%;height:100%;display:block}canvas#lathujanshare.damothu{height:auto!important}.button{border-radius:8px;padding:0 1em;background-color:#ff6f91;font-weight:700;color:#FFF;line-height:50px;display:inline-block;margin-top:10px;cursor:pointer;box-shadow:0 2px 10px rgb(0 0 0 / .2)}#dongthu{position:absolute;bottom:111px;right:148px;z-index:2;display:none}.heart{position:fixed;width:10px;height:10px;background-color:red;transform:rotate(45deg);animation:fall 5s linear forwards;z-index:9999}.heart::before,.heart::after{content:'';position:absolute;width:10px;height:10px;background-color:red;border-radius:50%}.heart::before{top:-5px;left:0}.heart::after{top:0;left:-5px}@keyframes fall{0%{transform:translateY(0) rotate(45deg);opacity:1}100%{transform:translateY(100vh) rotate(45deg);opacity:0}}.nut-nhac{position:fixed;bottom:20px;right:20px;width:30px;height:30px;background:rgb(255 255 255 / .6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;box-shadow:0 2px 8px rgb(0 0 0 / .2);backdrop-filter:blur(5px);z-index:9999;transition:background 0.3s ease}.nut-nhac:hover{background:rgb(255 255 255 / .85)}.xoayyy{animation:quay 2s linear infinite}@keyframes quay{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#loadingText{display:flex;justify-content:center;align-items:center;height:100vh}.resimg{max-width:90vw;max-height:90vh;width:auto;height:auto}.nut-nhac{position:fixed;bottom:20px;right:20px;width:25px;height:25px;background:rgb(255 255 255 / .6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;box-shadow:0 2px 8px rgb(0 0 0 / .2);backdrop-filter:blur(5px);z-index:9999;transition:background 0.3s ease}.nut-nhac i{font-size:10px}.nut-nhac:hover{background:rgb(255 255 255 / .85)}.xoayyy{animation:quay 2s linear infinite}@keyframes quay{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.floating-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-heart{position:absolute;font-size:20px;color:rgb(255 105 180 / .6);animation:float 6s ease-in-out infinite}.floating-star{position:absolute;font-size:18px;color:rgb(255 223 0 / .6);animation:twinkle 3s ease-in-out infinite}.floating-cloud{position:absolute;font-size:24px;color:rgb(173 216 230 / .5);animation:drift 8s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}@keyframes twinkle{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes drift{0%{transform:translateX(0)}50%{transform:translateX(30px)}100%{transform:translateX(0)}}
@font-face{font-family:fontjan23;src:url(https://cdn.jsdelivr.net/gh/codetienich/dulieu@main/iCiel_Altus.otf)}@font-face{font-family:fontjan47;src:url(https://cdn.jsdelivr.net/gh/codetienich/dulieu@main/Fz-Scripture-1.ttf)}