@font-face{font-family:CustomBangla;src:url(https://text-to-handwriting-maker.vercel.app/fonts/Bangla_Font.ttf) format("truetype");font-display:swap}.theme-root-magic,.theme-root-magic *{margin:0;padding:0;box-sizing:border-box}.theme-root-magic{--env-scale:1;height:100%;max-width:100vw;overflow:hidden;background:#0f1026;background-image:radial-gradient(circle at 50% 50%,rgba(76,29,149,.4) 0,transparent 60%),radial-gradient(circle at 10% 90%,rgba(124,58,237,.2) 0,transparent 60%);display:flex;align-items:center;justify-content:center;font-family:CustomBangla,Hind Siliguri,sans-serif;perspective:1200px;color:#e2e8f0}.theme-root-magic .stars{position:absolute;inset:0;pointer-events:none;z-index:0}.theme-root-magic .star{position:absolute;background:#fef08a;border-radius:50%;box-shadow:0 0 10px 2px rgba(253,224,71,.8);animation:twinkle ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.theme-root-magic .env-wrapper{position:relative;transform:scale(var(--env-scale));margin-top:50px;z-index:10}.theme-root-magic #envelope-wrap{position:relative;width:420px;height:280px;cursor:pointer;transition:transform .3s ease}.theme-root-magic .envelope{width:100%;height:100%;position:relative;filter:drop-shadow(0 20px 40px rgba(0,0,0,.8))}.theme-root-magic .env-body{position:absolute;inset:0;background:linear-gradient(160deg,#4c1d95,#312e81 50%,#1e1b4b);border-radius:4px;overflow:hidden;z-index:1}.theme-root-magic .env-body:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(234,179,8,.05) 0,rgba(234,179,8,.05) 5px)}.theme-root-magic .env-left{left:0;border-left:210px solid #3b0764}.theme-root-magic .env-left,.theme-root-magic .env-right{position:absolute;bottom:0;border-top:140px solid transparent;border-bottom:140px solid transparent;z-index:3}.theme-root-magic .env-right{right:0;border-right:210px solid #2e1065}.theme-root-magic .env-bottom{bottom:0;border-bottom:150px solid #4c1d95;z-index:3}.theme-root-magic .env-bottom,.theme-root-magic .env-flap{position:absolute;left:0;border-left:210px solid transparent;border-right:210px solid transparent}.theme-root-magic .env-flap{top:0;border-top:160px solid #581c87;transform-origin:top center;transform:rotateX(0deg);transition:transform .8s cubic-bezier(.4,0,.2,1),z-index 0s .4s;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));z-index:4}.theme-root-magic .env-flap.open{transform:rotateX(-180deg);z-index:1}.theme-root-magic .seal{position:absolute;top:110px;left:50%;transform:translateX(-50%);width:54px;height:54px;background:radial-gradient(circle at 40% 35%,#fef08a,#ca8a04);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#713f12;box-shadow:0 4px 12px rgba(0,0,0,.6),inset 0 2px 4px rgba(255,255,255,.6);z-index:5;transition:opacity .3s,transform .3s}.theme-root-magic .seal.hide{opacity:0;transform:translateX(-50%) scale(.5);pointer-events:none}.theme-root-magic .hint{text-align:center;color:#fef08a;font-size:.85rem;letter-spacing:.1em;margin-top:25px;animation:blink 2s ease-in-out infinite;text-shadow:0 0 8px rgba(254,240,138,.5)}@keyframes blink{0%,to{opacity:.5}50%{opacity:1}}.theme-root-magic #paper-wrap{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);width:360px;height:133px;z-index:2;perspective:1500px;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.16,1,.3,1);pointer-events:none}.theme-root-magic #paper-wrap.rising{transform:translate(-50%,-160px)}.theme-root-magic .segment-base{position:absolute;inset:0;transform-style:preserve-3d}.theme-root-magic .segment-bottom,.theme-root-magic .segment-top{position:absolute;left:0;right:0;height:133px;transform-style:preserve-3d}.theme-root-magic .segment-top{bottom:100%;transform-origin:bottom center;transform:rotateX(-179.5deg);transition:transform .9s cubic-bezier(.4,0,.2,1) .9s;z-index:3}.theme-root-magic .segment-bottom{top:100%;transform-origin:top center;transform:rotateX(179.5deg);transition:transform .9s cubic-bezier(.4,0,.2,1) 1.4s;z-index:2}.theme-root-magic #paper-wrap.rising .segment-bottom,.theme-root-magic #paper-wrap.rising .segment-top{transform:rotateX(0deg)}.theme-root-magic .paper-back,.theme-root-magic .paper-front{position:absolute;inset:0;backface-visibility:hidden;border-radius:2px}.theme-root-magic .segment-top .paper-front{background:linear-gradient(180deg,#1e1b4b,#171717)}.theme-root-magic .segment-base .paper-front{background:linear-gradient(180deg,#171717,#0a0a0a)}.theme-root-magic .segment-bottom .paper-front{background:linear-gradient(180deg,#0a0a0a,#000000)}.theme-root-magic .paper-back{background:linear-gradient(180deg,#312e81,#1e1b4b);transform:rotateX(180deg);box-shadow:inset 0 0 15px rgba(0,0,0,.5);border:1px solid rgba(234,179,8,.2)}.theme-root-magic .ruled-lines{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(180deg,transparent,transparent 31px,rgba(234,179,8,.1) 0,rgba(234,179,8,.1) 32px);background-size:100% 32px}.theme-root-magic .crease{position:absolute;left:0;right:0;height:2px;background-image:linear-gradient(90deg,transparent,rgba(234,179,8,.2),transparent);z-index:10}.theme-root-magic .crease-bottom{bottom:-1px;background-color:#1e1b4b}.theme-root-magic .crease-top{top:-1px;background-color:#171717}.theme-root-magic #full-view{display:none;opacity:0;transition:opacity .8s ease;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100dvh;background:rgba(15,16,38,.9);backdrop-filter:blur(8px);overflow-y:auto;overflow-x:hidden;padding:60px 15px 120px;z-index:100}.theme-root-magic #full-view.active{display:block}.theme-root-magic #full-view.visible{opacity:1}.theme-root-magic #full-paper{width:100%;max-width:850px;margin:0 auto;background:#0f1026;border:1px solid rgba(234,179,8,.3);border-radius:12px;padding:70px 50px 70px 70px;box-shadow:0 0 40px rgba(76,29,149,.6),inset 0 0 20px rgba(0,0,0,.8);position:relative;animation:paper-appear .7s ease forwards}@keyframes paper-appear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.theme-root-magic .margin-line{position:absolute;top:0;bottom:0;left:55px;width:1px;background:rgba(234,179,8,.3);z-index:0}.theme-root-magic .letter-content-wrapper{position:relative;z-index:2}.theme-root-magic .letter-date{font-family:CustomBangla,Kalam,cursive;font-size:1.2rem;color:#facc15;text-align:right;margin-bottom:30px;opacity:.8}.theme-root-magic .letter-salutation{font-family:CustomBangla,Kalam,cursive;font-size:1.6rem;color:#fef08a;margin-bottom:25px;text-shadow:0 0 10px rgba(253,224,71,.3)}.theme-root-magic .full-line{font-family:CustomBangla,Hind Siliguri,sans-serif;font-size:1.35rem;line-height:1.8;color:#e2e8f0;display:block;margin-bottom:20px;word-break:break-word;overflow-wrap:break-word}.theme-root-magic .letter-closing{font-family:CustomBangla,Kalam,cursive;font-size:1.35rem;color:#facc15;text-align:right;margin-top:50px}.theme-root-magic .letter-closing .sig{font-size:1.7rem;font-weight:700;color:#fef08a;margin-top:8px;text-shadow:0 0 10px rgba(253,224,71,.5)}.theme-root-magic .decoration{position:fixed;bottom:25px;right:30px;font-size:2.5rem;animation:floatmagic 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(253,224,71,.6));z-index:200;pointer-events:none}@keyframes floatmagic{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-15px) rotate(10deg)}}@media (max-width:600px){.theme-root-magic{--env-scale:0.9}}@media (max-width:480px){.theme-root-magic{--env-scale:0.85}.theme-root-magic #full-view{padding:20px 10px 100px}.theme-root-magic #full-paper{padding:40px 15px 40px 35px}.theme-root-magic .margin-line{left:25px}.theme-root-magic .full-line{font-size:1.15rem;line-height:1.6;margin-bottom:12px}.theme-root-magic .letter-salutation{font-size:1.4rem}}@media (max-width:380px){.theme-root-magic{--env-scale:0.8}.theme-root-magic #full-paper{padding:35px 12px 35px 30px}.theme-root-magic .margin-line{left:20px}.theme-root-magic .full-line{font-size:1.05rem;line-height:1.5}}@media (max-width:320px){.theme-root-magic{--env-scale:0.7}}.theme-root-magic{min-height:100vh;width:100%;position:relative}