@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&family=Noto+Sans+Bengali:wght@400;500;600;700;800;900&family=Noto+Serif+Bengali:wght@500;600;700;800;900&family=Parisienne&display=swap";:root{color:#e5f7f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020617;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font-family:inherit}.universe{background:radial-gradient(circle at 50% 0,#14b8a62e,#0000 34%),radial-gradient(circle at 15% 20%,#0ea5e91f,#0000 28%),radial-gradient(circle at 85% 80%,#2dd4bf1a,#0000 30%),linear-gradient(135deg,#020617 0%,#030712 45%,#07111f 100%);place-items:center;min-height:100vh;padding:32px;display:grid;position:relative;overflow:hidden}.universe:before{content:"";opacity:.22;background-image:radial-gradient(circle,#5eead4cc 1px,#0000 1px),radial-gradient(circle,#ffffff73 1px,#0000 1px);background-position:0 0,40px 60px;background-size:82px 82px,137px 137px;animation:28s linear infinite driftStars;position:absolute;inset:0}.stars-layer{filter:drop-shadow(0 0 8px #5eead4b3);opacity:.8;background:radial-gradient(circle at 20% 30%,#5eead4e6 0 1px,#0000 2px),radial-gradient(circle at 50% 20%,#ffffffb3 0 1px,#0000 2px),radial-gradient(circle at 70% 60%,#14b8a6e6 0 1px,#0000 2px),radial-gradient(circle at 35% 75%,#ffffff8c 0 1px,#0000 2px),radial-gradient(circle at 85% 35%,#5eead4b3 0 1px,#0000 2px);animation:45s linear infinite slowRotate;position:absolute;inset:-20%}.grid-glow{opacity:.7;background-image:linear-gradient(#5eead40e 1px,#0000 1px),linear-gradient(90deg,#5eead40e 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 68%);mask-image:radial-gradient(circle,#000,#0000 68%)}.orb{filter:blur(12px);opacity:.7;border-radius:999px;animation:9s ease-in-out infinite floatOrb;position:absolute}.orb-one{background:#14b8a629;width:260px;height:260px;top:15%;left:9%;box-shadow:0 0 120px #14b8a673}.orb-two{background:#0f172ad9;width:360px;height:360px;animation-delay:-2s;bottom:4%;right:5%;box-shadow:0 0 150px #2dd4bf4d}.orb-three{background:#0ea5e91f;width:180px;height:180px;animation-delay:-4s;top:13%;right:22%;box-shadow:0 0 110px #0ea5e952}.hero-card{z-index:2;text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#0f172ac7,#020617b8),radial-gradient(circle at 50% 0,#14b8a624,#0000 45%);border:1px solid #5eead438;border-radius:34px;width:min(860px,100%);padding:52px 42px;position:relative;overflow:hidden;box-shadow:0 30px 120px #00000094,inset 0 1px #ffffff14,0 0 80px #14b8a624}.hero-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#5eead42e 35%,#d6b56d2e 50%,#5eead42e 65%,#0000 100%);animation:5.5s ease-in-out infinite shimmer;position:absolute;inset:-2px;transform:translate(-100%)}.top-badge{color:#a7fff3;letter-spacing:.04em;background:#14b8a614;border:1px solid #5eead43d;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin:0 auto 28px;padding:9px 15px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 0 32px #14b8a629}.floating-emblem{background:linear-gradient(145deg,#14b8a63d,#0f172ab8),radial-gradient(circle at 30% 20%,#ffffff2e,#0000 30%);border:1px solid #5eead44d;border-radius:28px;place-items:center;width:112px;height:112px;margin:0 auto 26px;display:grid;box-shadow:0 0 60px #14b8a638,inset 0 0 40px #5eead412}.emblem-inner{color:#5eead4;background:#020617b8;border-radius:22px;place-items:center;width:76px;height:76px;display:grid;box-shadow:inset 0 0 25px #5eead41f}h1{letter-spacing:-.08em;color:#f8ffff;text-shadow:0 0 42px #5eead426;margin:0;font-size:clamp(42px,7vw,86px);line-height:.95}h1 span{color:#0000;background:linear-gradient(90deg,#5eead4,#e5f7f5,#d6b56d);-webkit-background-clip:text;background-clip:text;margin-top:10px;display:block}.hero-text{color:#b6c9d2;max-width:680px;margin:28px auto 0;font-size:clamp(16px,2vw,20px);line-height:1.85}.enter-button{color:#ecfeff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#14b8a6f2,#082f49f2),radial-gradient(circle at 50% 0,#ffffff38,#0000 40%);border:1px solid #5eead459;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:56px;margin-top:38px;padding:0 28px;font-size:15px;font-weight:800;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 40px #14b8a647,0 14px 40px #00000059}.enter-button:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.enter-button:hover:after{transform:translate(120%)}.tiny-note{color:#e5f7f58f;letter-spacing:.03em;margin:24px 0 0;font-size:14px}@keyframes driftStars{0%{transform:translate(0,0)}to{transform:translate(-82px,82px)}}@keyframes slowRotate{0%{transform:rotate(0)scale(1.05)}to{transform:rotate(360deg)scale(1.05)}}@keyframes floatOrb{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(18px,-24px)scale(1.08)}}@keyframes shimmer{0%,35%{transform:translate(-100%)}55%,to{transform:translate(100%)}}@media (width<=640px){.universe{padding:18px}.hero-card{border-radius:26px;padding:38px 22px}.floating-emblem{width:92px;height:92px}.emblem-inner{width:64px;height:64px}.hero-text{line-height:1.7}}.world-universe{align-items:start;place-items:initial;padding:42px 24px 80px}.world-shell{z-index:2;width:min(1180px,100%);margin:0 auto;position:relative}.back-button{color:#e5f7f5b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#0206176b;border:1px solid #5eead42e;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 16px;display:inline-flex;box-shadow:0 10px 30px #0000003d}.back-button:hover{color:#e5f7f5;border-color:#5eead461;box-shadow:0 0 35px #14b8a61f}.world-header{text-align:center;margin:58px auto 42px}.room-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.room-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);cursor:pointer;background:radial-gradient(circle at 50% 0,#14b8a626,#0000 42%),linear-gradient(#0f172ac7,#020617b8);border:1px solid #5eead42e;border-radius:28px;min-height:270px;padding:22px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000005c,inset 0 1px #ffffff0f}.room-card:before{content:"";opacity:0;background:linear-gradient(135deg,#5eead429,#0000 36%),radial-gradient(circle at 80% 85%,#d6b56d1f,#0000 35%);transition:opacity .35s;position:absolute;inset:0}.room-card:hover:before{opacity:1}.room-card.locked{opacity:.72;filter:saturate(.75)}.room-icon{z-index:1;color:#5eead4;background:linear-gradient(145deg,#14b8a62e,#020617b8);border:1px solid #5eead438;border-radius:20px;place-items:center;width:62px;height:62px;display:grid;position:relative;box-shadow:0 0 42px #14b8a621}.room-content{z-index:1;margin-top:44px;position:relative}.room-status{color:#a7fff3d1;letter-spacing:.05em;text-transform:uppercase;background:#14b8a612;border:1px solid #5eead42e;border-radius:999px;align-items:center;gap:6px;width:fit-content;margin-bottom:12px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.room-content h2{color:#f8ffff;letter-spacing:-.04em;margin:0;font-size:22px}.room-content p{color:#9fb4bf;margin:12px 0 0;font-size:15px;line-height:1.65}.room-shine{filter:blur(8px);background:#5eead41f;border-radius:999px;width:130px;height:130px;transition:transform .35s,opacity .35s;position:absolute;top:-60px;right:-60px}.room-card:hover .room-shine{opacity:.9;transform:scale(1.4)}@media (width<=1100px){.room-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.world-universe{padding:24px 16px 56px}.world-header{margin-top:38px}.room-grid{grid-template-columns:1fr}.room-card{min-height:230px}}.room-page{align-items:start;place-items:initial;padding:42px 24px 80px}.single-room-shell{z-index:2;width:min(920px,100%);margin:0 auto;position:relative}.wide-room-shell{width:min(1180px,100%)}.single-room-card{text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#0f172acc,#020617bd),radial-gradient(circle at 50% 0,#14b8a624,#0000 45%);border:1px solid #5eead438;border-radius:34px;margin-top:56px;padding:54px 42px;position:relative;overflow:hidden;box-shadow:0 30px 120px #00000094,inset 0 1px #ffffff14,0 0 80px #14b8a624}.single-room-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#5eead426 35%,#d6b56d24 50%,#5eead426 65%,#0000 100%);animation:6.5s ease-in-out infinite shimmer;position:absolute;inset:-2px;transform:translate(-100%)}.small-emblem{width:96px;height:96px}.room-letter{z-index:1;color:#bed4dc;max-width:720px;margin:28px auto 0;font-size:clamp(17px,2vw,21px);line-height:1.9;position:relative}.signature-line{z-index:1;color:#5eead4;letter-spacing:.04em;margin:34px auto 0;font-size:17px;font-weight:700;position:relative}.compact-header{margin-top:46px;margin-bottom:34px}.light-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 50% 0,#14b8a61f,#0000 42%),linear-gradient(#0f172ab8,#020617ad);border:1px solid #5eead429;border-radius:24px;min-height:190px;padding:20px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000052,inset 0 1px #ffffff0d}.light-card:after{content:"";filter:blur(8px);background:#5eead41f;border-radius:999px;width:90px;height:90px;position:absolute;top:-42px;right:-42px}.light-card span{color:#5eead4;background:#14b8a614;border:1px solid #5eead433;border-radius:15px;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:inline-flex}.light-card p{color:#c1d5dc;margin:26px 0 0;font-size:15px;line-height:1.7}.lock-visual{z-index:1;color:#5eead4;background:#14b8a614;border:1px solid #5eead442;border-radius:28px;place-items:center;width:94px;height:94px;margin:8px auto 28px;display:grid;position:relative;box-shadow:0 0 55px #14b8a62e}.lock-visual.unlocked{color:#d6b56d;background:#d6b56d14;border-color:#d6b56d59;box-shadow:0 0 55px #d6b56d2e}.code-box{z-index:1;gap:12px;max-width:520px;margin:34px auto 0;display:flex;position:relative}.code-box input{color:#e5f7f5;background:#0206179e;border:1px solid #5eead438;border-radius:999px;outline:none;width:100%;min-height:56px;padding:0 18px;font-size:16px;box-shadow:inset 0 0 24px #14b8a60d}.code-box input:focus{border-color:#5eead48c;box-shadow:0 0 35px #14b8a621,inset 0 0 24px #14b8a612}.code-box button{color:#ecfeff;cursor:pointer;background:linear-gradient(135deg,#14b8a6f2,#082f49f2);border:1px solid #5eead459;border-radius:999px;min-height:56px;padding:0 24px;font-weight:800;box-shadow:0 0 40px #14b8a638}.error-text{color:#fca5a5;margin:18px 0 0;font-size:14px}@media (width<=640px){.single-room-card{border-radius:26px;padding:38px 22px}.code-box{flex-direction:column}.code-box button{width:100%}}.gate-page{text-align:center}.gate-card{width:min(780px,100%)}.gate-form{z-index:1;gap:12px;max-width:560px;margin:36px auto 0;display:flex;position:relative}.gate-form input{color:#e5f7f5;letter-spacing:.08em;background:#020617a8;border:1px solid #5eead43d;border-radius:999px;outline:none;width:100%;min-height:58px;padding:0 20px;font-size:16px;box-shadow:inset 0 0 26px #14b8a60d,0 0 28px #14b8a60a}.gate-form input::placeholder{color:#e5f7f56b;letter-spacing:.02em}.gate-form input:focus{border-color:#5eead494;box-shadow:0 0 38px #14b8a624,inset 0 0 24px #14b8a612}.gate-form button{color:#ecfeff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#14b8a6f2,#082f49f2),radial-gradient(circle at 50% 0,#ffffff2e,#0000 42%);border:1px solid #5eead45c;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:58px;padding:0 26px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 0 40px #14b8a63d,0 14px 40px #00000052}.gate-error{margin-top:18px}@media (width<=640px){.gate-form{flex-direction:column}.gate-form button{width:100%}}.final-button{margin-top:38px}.final-letter-card{padding-bottom:62px}.portal-overlay{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle,#14b8a647,#0000 28%),radial-gradient(circle,#d6b56d1f,#0000 42%),#020617db;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.portal-overlay:before{content:"";filter:drop-shadow(0 0 10px #5eead4b3);opacity:.9;background:radial-gradient(circle at 20% 30%,#5eead4cc 0 1px,#0000 2px),radial-gradient(circle at 50% 20%,#ffffffb3 0 1px,#0000 2px),radial-gradient(circle at 70% 60%,#14b8a6cc 0 1px,#0000 2px),radial-gradient(circle at 35% 75%,#d6b56da6 0 1px,#0000 2px),radial-gradient(circle at 85% 35%,#5eead4b3 0 1px,#0000 2px);animation:12s linear infinite portalStarsSpin;position:absolute;inset:-20%}.portal-rings{place-items:center;width:min(420px,78vw);height:min(420px,78vw);display:grid;position:relative}.portal-ring{border:1px solid #5eead461;border-radius:999px;position:absolute;box-shadow:0 0 40px #14b8a647,inset 0 0 38px #14b8a629}.portal-ring:before,.portal-ring:after{content:"";background:#5eead4;border-radius:999px;width:16px;height:16px;position:absolute;box-shadow:0 0 20px #5eead4e6,0 0 42px #5eead473}.portal-ring:before{top:10%;left:18%}.portal-ring:after{background:#d6b56d;bottom:18%;right:12%;box-shadow:0 0 20px #d6b56de6,0 0 42px #d6b56d73}.portal-ring-one{border-style:dashed;inset:0}.portal-ring-two{border-style:dotted;border-color:#d6b56d52;inset:34px}.portal-ring-three{border-color:#5eead46b;inset:68px}.portal-core{z-index:2;color:#eafffb;background:radial-gradient(circle at 50% 0,#fff3,#0000 42%),linear-gradient(145deg,#14b8a68c,#082f49e0);border:1px solid #5eead480;border-radius:42px;place-items:center;width:min(156px,34vw);height:min(156px,34vw);display:grid;position:relative;box-shadow:0 0 60px #14b8a67a,0 0 140px #14b8a63d,inset 0 0 40px #ffffff14}.portal-core:before{content:"";filter:blur(14px);z-index:-1;background:#5eead41f;border-radius:58px;position:absolute;inset:-26px}.portal-text{z-index:3;text-align:center;position:absolute;bottom:13%}.portal-text p{color:#e5f7f594;letter-spacing:.28em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}.portal-text h2{color:#f8ffff;letter-spacing:-.06em;text-shadow:0 0 32px #5eead457,0 0 70px #14b8a638;margin:0;font-size:clamp(30px,5vw,64px)}.portal-flash{z-index:4;filter:blur(8px);background:radial-gradient(circle,#e5f7f5f5,#5eead49e 32%,#0000 68%);border-radius:999px;width:280px;height:280px;position:absolute}@keyframes portalStarsSpin{0%{transform:rotate(0)scale(1.1)}to{transform:rotate(360deg)scale(1.1)}}@media (width<=640px){.portal-text{bottom:11%}.portal-ring-two{inset:28px}.portal-ring-three{inset:56px}}.cursor-glow{z-index:1;pointer-events:none;filter:blur(14px);mix-blend-mode:screen;background:radial-gradient(circle,#5eead438,#14b8a61a 38%,#0000 68%);border-radius:999px;width:360px;height:360px;position:fixed;top:-180px;left:-180px}.room-particles{pointer-events:none;opacity:.45;transition:opacity .35s;position:absolute;inset:0;overflow:hidden}.room-card:hover .room-particles{opacity:1}.room-particles span{background:#5eead4e6;border-radius:999px;width:5px;height:5px;animation:6s ease-in-out infinite particleFloat;position:absolute;box-shadow:0 0 12px #5eead4e6,0 0 28px #14b8a673}.room-particles span:first-child{animation-delay:0s;top:24%;left:18%}.room-particles span:nth-child(2){width:4px;height:4px;animation-delay:-1.2s;top:18%;left:74%}.room-particles span:nth-child(3){background:#d6b56dd9;width:6px;height:6px;animation-delay:-2.4s;top:72%;left:64%;box-shadow:0 0 12px #d6b56dd9,0 0 28px #d6b56d61}.room-particles span:nth-child(4){width:3px;height:3px;animation-delay:-3.2s;top:82%;left:26%}.room-particles span:nth-child(5){width:4px;height:4px;animation-delay:-4.1s;top:54%;left:88%}.room-border-glow{border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(135deg,#5eead47a,#0000 32%,#d6b56d52 62%,#0000) border-box;border:1px solid #0000;transition:opacity .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.room-card:hover .room-border-glow{opacity:1}.room-card:hover{box-shadow:0 30px 95px #0000007a,0 0 70px #14b8a629,inset 0 1px #ffffff14}@keyframes particleFloat{0%,to{opacity:.35;transform:translate(0,0)scale(1)}35%{opacity:1;transform:translate(12px,-18px)scale(1.35)}70%{opacity:.55;transform:translate(-10px,-34px)scale(.8)}}.hidden-star-button{z-index:5;color:#d6b56d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:radial-gradient(circle at 50% 35%,#d6b56d2e,#0000 55%),#02061757;border:1px solid #d6b56d47;border-radius:999px;place-items:center;width:42px;height:42px;display:grid;position:fixed;top:16%;right:7%;box-shadow:0 0 18px #d6b56d52,0 0 44px #d6b56d29}.hidden-star-button:before{content:"";border-radius:inherit;filter:blur(10px);z-index:-1;background:#d6b56d14;position:absolute;inset:-14px}.hidden-star-button:hover{border-color:#d6b56d99;box-shadow:0 0 22px #d6b56d8c,0 0 70px #d6b56d38}.secret-star-card{border-color:#d6b56d3d;box-shadow:0 30px 120px #00000094,inset 0 1px #ffffff14,0 0 90px #d6b56d1f}.golden-emblem{border-color:#d6b56d4d;box-shadow:0 0 60px #d6b56d33,inset 0 0 40px #d6b56d14}.golden-emblem .emblem-inner{color:#d6b56d;box-shadow:inset 0 0 25px #d6b56d1f}@media (width<=640px){.hidden-star-button{top:82px;right:20px}}.sound-control-wrap{z-index:60;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:22px;right:22px}.sound-toggle{pointer-events:auto;color:#e5f7f5c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);letter-spacing:.03em;cursor:pointer;background:linear-gradient(#0f172ab8,#020617ad),radial-gradient(circle at 50% 0,#14b8a61f,#0000 42%);border:1px solid #5eead43d;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 14px 42px #00000059,0 0 30px #14b8a617}.sound-toggle:hover{color:#e5f7f5;border-color:#5eead470;box-shadow:0 16px 48px #00000061,0 0 45px #14b8a629}.sound-toggle.sound-on{color:#eafffb;background:linear-gradient(135deg,#14b8a6c7,#082f49e0),radial-gradient(circle at 50% 0,#ffffff29,#0000 42%);border-color:#5eead480;box-shadow:0 0 38px #14b8a647,0 14px 42px #00000059}.sound-error{color:#fecaca;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#7f1d1d47;border:1px solid #f8717138;border-radius:999px;margin:0;padding:7px 10px;font-size:11px}@media (width<=640px){.sound-control-wrap{bottom:16px;right:16px}.sound-toggle{min-height:40px;padding:0 13px;font-size:12px}}.access-overlay{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle,#14b8a652,#0000 28%),radial-gradient(circle,#d6b56d1a,#0000 48%),#020617eb;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.access-overlay:before{content:"";transform-origin:50%;opacity:.65;background-image:linear-gradient(#5eead412 1px,#0000 1px),linear-gradient(90deg,#5eead412 1px,#0000 1px);background-size:52px 52px;animation:1.8s linear infinite accessGridMove;position:absolute;inset:-20%;transform:perspective(700px)rotateX(62deg)scale(1.3)}.access-ring{place-items:center;width:min(380px,78vw);height:min(380px,78vw);display:grid;position:relative}.access-ring-line{border:1px solid #5eead46b;border-radius:999px;position:absolute;box-shadow:0 0 40px #14b8a64d,inset 0 0 38px #14b8a629}.access-ring-line:before,.access-ring-line:after{content:"";background:#5eead4;border-radius:999px;width:15px;height:15px;position:absolute;box-shadow:0 0 20px #5eead4e6,0 0 46px #5eead46b}.access-ring-line:before{top:12%;left:18%}.access-ring-line:after{background:#d6b56d;bottom:18%;right:13%;box-shadow:0 0 20px #d6b56de6,0 0 46px #d6b56d6b}.access-ring-one{border-style:dashed;inset:0}.access-ring-two{border-style:dotted;border-color:#d6b56d57;inset:46px}.access-core{z-index:2;color:#eafffb;background:radial-gradient(circle at 50% 0,#fff3,#0000 42%),linear-gradient(145deg,#14b8a694,#082f49e6);border:1px solid #5eead480;border-radius:42px;place-items:center;width:min(148px,34vw);height:min(148px,34vw);display:grid;position:relative;box-shadow:0 0 70px #14b8a685,0 0 150px #14b8a642,inset 0 0 40px #ffffff14}.access-text{z-index:3;text-align:center;position:absolute;bottom:13%}.access-text p{color:#5eead4;letter-spacing:.34em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:900}.access-text h2{color:#f8ffff;letter-spacing:-.06em;text-shadow:0 0 32px #5eead457,0 0 70px #14b8a638;margin:0;font-size:clamp(28px,5vw,58px)}.access-scan{filter:blur(2px);background:linear-gradient(#0000,#5eead42e,#0000);height:160px;position:absolute;left:0;right:0}@keyframes accessGridMove{0%{background-position:0 0,0 0}to{background-position:0 52px,52px 0}}@media (width<=640px){.access-text{padding:0 18px;bottom:10%}.access-ring-two{inset:36px}}.birthday-countdown{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 50% 0,#14b8a621,#0000 48%),linear-gradient(#0f172aad,#0206179e);border:1px solid #5eead433;border-radius:28px;max-width:720px;margin:38px auto 0;padding:20px;position:relative;box-shadow:0 24px 70px #0000004d,0 0 46px #14b8a614,inset 0 1px #ffffff0d}.countdown-heading{color:#a7fff3;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;width:fit-content;margin:0 auto 18px;font-size:13px;font-weight:800;display:inline-flex}.countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.countdown-box{background:radial-gradient(circle at 50% 0,#5eead41f,#0000 50%),#0206176b;border:1px solid #5eead42b;border-radius:22px;place-items:center;min-height:104px;padding:14px 10px;display:grid;box-shadow:inset 0 0 28px #14b8a60d}.countdown-box strong{color:#f8ffff;letter-spacing:-.08em;text-shadow:0 0 26px #5eead42e;font-size:clamp(28px,4vw,48px);line-height:1}.countdown-box span{color:#e5f7f58f;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.countdown-arrived{color:#d6b56d;max-width:560px;margin:0 auto;font-size:17px;font-weight:700;line-height:1.7}@media (width<=640px){.countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.countdown-box{min-height:92px}}.sudoku-board{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 50% 0,#14b8a624,#0000 48%),#02061785;border:1px solid #5eead438;border-radius:28px;grid-template-columns:repeat(4,1fr);gap:8px;width:min(390px,100%);margin:34px auto 0;padding:14px;display:grid;position:relative;box-shadow:0 24px 70px #00000059,inset 0 1px #ffffff0d}.sudoku-board input{aspect-ratio:1;text-align:center;color:#e5f7f5;caret-color:#5eead4;background:linear-gradient(#0f172ac7,#020617bd);border:1px solid #5eead438;border-radius:18px;outline:none;width:100%;font-size:clamp(24px,6vw,42px);font-weight:900;box-shadow:inset 0 0 24px #14b8a60d,0 0 20px #14b8a60a}.sudoku-board input:focus{border-color:#5eead4a6;box-shadow:0 0 32px #14b8a62e,inset 0 0 24px #14b8a614}.sudoku-board input.fixed-cell{color:#d6b56d;cursor:not-allowed;background:radial-gradient(circle at 50% 0,#d6b56d1f,#0000 52%),#0f172adb;border-color:#d6b56d42}.sudoku-board input:nth-child(2),.sudoku-board input:nth-child(6),.sudoku-board input:nth-child(10),.sudoku-board input:nth-child(14){margin-right:8px}.sudoku-board input:nth-child(5),.sudoku-board input:nth-child(6),.sudoku-board input:nth-child(7),.sudoku-board input:nth-child(8){margin-bottom:8px}.sudoku-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:12px;margin:28px auto 0;display:flex;position:relative}.sudoku-actions button{color:#ecfeff;cursor:pointer;background:linear-gradient(135deg,#14b8a6f2,#082f49f2);border:1px solid #5eead459;border-radius:999px;min-height:48px;padding:0 22px;font-weight:800;box-shadow:0 0 34px #14b8a633}.sudoku-actions button.ghost-action{color:#e5f7f5b8;box-shadow:none;background:#02061775;border-color:#5eead42e}.sudoku-hint{z-index:1;color:#e5f7f58a;max-width:520px;margin:20px auto 0;font-size:14px;line-height:1.7;position:relative}@media (width<=640px){.sudoku-board{gap:6px;padding:10px}.sudoku-board input{border-radius:14px}.sudoku-board input:nth-child(2),.sudoku-board input:nth-child(6),.sudoku-board input:nth-child(10),.sudoku-board input:nth-child(14){margin-right:5px}.sudoku-board input:nth-child(5),.sudoku-board input:nth-child(6),.sudoku-board input:nth-child(7),.sudoku-board input:nth-child(8){margin-bottom:5px}}.open-when-layout{z-index:2;grid-template-columns:.9fr 1.4fr;align-items:stretch;gap:22px;display:grid;position:relative}.open-when-list{gap:12px;display:grid}.open-when-tab{color:#e5f7f5b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left;cursor:pointer;background:radial-gradient(circle at 0 0,#14b8a61a,#0000 42%),linear-gradient(#0f172ab8,#0206179e);border:1px solid #5eead429;border-radius:22px;align-items:center;gap:14px;min-height:72px;padding:0 18px;font-size:15px;font-weight:800;display:flex;box-shadow:0 18px 50px #00000042,inset 0 1px #ffffff0d}.open-when-tab span{color:#5eead4;background:#14b8a614;border:1px solid #5eead42e;border-radius:14px;flex:none;place-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:grid}.open-when-tab.active{color:#f8ffff;border-color:#5eead46b;box-shadow:0 0 48px #14b8a624,0 18px 50px #0000004d}.open-when-note{text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:radial-gradient(circle at 50% 0,#14b8a626,#0000 46%),radial-gradient(circle at 100% 100%,#d6b56d1a,#0000 36%),linear-gradient(#0f172ac7,#020617b8);border:1px solid #5eead438;border-radius:34px;place-items:center;min-height:430px;padding:42px;display:grid;box-shadow:0 30px 100px #0000006b,0 0 70px #14b8a61a,inset 0 1px #ffffff0f}.note-spark{color:#5eead4;background:#14b8a614;border:1px solid #5eead440;border-radius:26px;place-items:center;width:82px;height:82px;margin:0 auto 28px;display:grid;box-shadow:0 0 52px #14b8a626}.open-when-note h2{color:#f8ffff;letter-spacing:-.07em;margin:0;font-size:clamp(30px,4vw,56px);line-height:1}.open-when-note p{color:#bed4dc;max-width:620px;margin:26px auto 0;font-size:clamp(17px,2vw,22px);line-height:1.85}@media (width<=900px){.open-when-layout{grid-template-columns:1fr}.open-when-note{min-height:340px;padding:32px 22px}}html,body,#root{width:100%;min-height:100%}body{overflow-x:hidden}@media (width<=640px){.universe{min-height:100svh;padding-left:16px;padding-right:16px}.hero-card,.single-room-card{width:100%;max-width:100%}h1{letter-spacing:-.075em;font-size:clamp(38px,14vw,58px)}.hero-text{font-size:15.5px}.top-badge{text-align:center;justify-content:center;max-width:100%;font-size:12px}.enter-button{width:100%;max-width:330px}.world-universe,.room-page{padding-top:22px;padding-left:14px;padding-right:14px}.world-header{margin-top:34px;margin-bottom:28px}.world-header h1{font-size:clamp(40px,14vw,62px)}.room-grid{gap:14px}.room-card{border-radius:24px;min-height:210px;padding:20px}.room-content{margin-top:34px}.room-content h2{font-size:21px}.room-content p{font-size:14px}.room-icon{border-radius:18px;width:56px;height:56px}.single-room-card{margin-top:36px}.room-letter{font-size:16px;line-height:1.75}.signature-line{font-size:15px;line-height:1.65}.back-button{min-height:40px;font-size:13px}.gate-form input,.code-box input{min-height:54px;font-size:15px}.gate-form button,.code-box button{min-height:54px}.sound-control-wrap{transform-origin:100% 100%;bottom:12px;right:12px;transform:scale(.92)}.hidden-star-button{width:38px;height:38px;top:76px;right:18px}.cursor-glow{display:none}.portal-text h2,.access-text h2{font-size:clamp(28px,10vw,46px)}.portal-text p,.access-text p{letter-spacing:.22em;font-size:11px}}@media (width<=430px){.hero-card,.single-room-card{padding-left:18px;padding-right:18px}h1{font-size:clamp(36px,13vw,50px)}.floating-emblem{border-radius:24px;width:84px;height:84px}.emblem-inner{border-radius:18px;width:58px;height:58px}.room-card{min-height:196px}.light-card{min-height:165px;padding:18px}.open-when-tab{min-height:66px;font-size:14px}.open-when-note{min-height:310px}.open-when-note h2{font-size:clamp(28px,10vw,42px)}.open-when-note p{font-size:16px;line-height:1.75}.sudoku-board{border-radius:22px;width:min(340px,100%)}.sudoku-board input{border-radius:12px;font-size:clamp(24px,9vw,36px)}.countdown-grid{gap:9px}.countdown-box{border-radius:18px;min-height:86px}.countdown-box strong{font-size:clamp(26px,10vw,38px)}.countdown-box span{font-size:10px}}@media (hover:none){.room-card:hover,.light-card:hover,.open-when-tab:hover{transform:none}.room-particles{opacity:.8}}.birthday-entrance{isolation:isolate}.birthday-welcome-card{border-color:#d6b56d3d;width:min(940px,100%);box-shadow:0 34px 130px #0000009e,0 0 100px #14b8a629,0 0 90px #d6b56d14,inset 0 1px #ffffff17}.birthday-badge{color:#fff7d6;background:radial-gradient(circle at 50% 0,#d6b56d29,#0000 55%),#14b8a614;border-color:#d6b56d4d;box-shadow:0 0 32px #d6b56d24,0 0 32px #14b8a61f}.birthday-emblem{background:linear-gradient(145deg,#d6b56d33,#14b8a633),radial-gradient(circle at 30% 20%,#fff3,#0000 34%);border-color:#d6b56d52;box-shadow:0 0 70px #d6b56d2e,0 0 60px #14b8a62e,inset 0 0 40px #5eead412}.birthday-emblem-inner{color:#fff7d6;background:radial-gradient(circle at 50% 0,#d6b56d24,#0000 52%),#020617c2;box-shadow:inset 0 0 25px #d6b56d1f,0 0 36px #d6b56d1f}.welcome-kicker{color:#5eead4;letter-spacing:.32em;text-transform:uppercase;margin:0 0 18px;font-size:13px;font-weight:900}.birthday-welcome-text{max-width:760px}.birthday-wish-panel{z-index:1;color:#fff7d6;text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#d6b56d24,#0000 42%),radial-gradient(circle at 100% 100%,#14b8a61f,#0000 38%),#02061775;border:1px solid #d6b56d33;border-radius:24px;grid-template-columns:auto 1fr;align-items:start;gap:14px;max-width:760px;margin:34px auto 0;padding:18px 20px;display:grid;position:relative;box-shadow:0 20px 60px #00000047,0 0 42px #d6b56d14,inset 0 1px #ffffff0d}.birthday-wish-panel svg{color:#d6b56d;filter:drop-shadow(0 0 12px #d6b56d5c);margin-top:4px}.birthday-wish-panel p{color:#f5eecf;margin:0;font-size:15.5px;line-height:1.75}.birthday-enter-button{margin-top:34px}.birthday-card-sparkles{pointer-events:none;color:#d6b56d;position:absolute;inset:0}.birthday-card-sparkles svg{filter:drop-shadow(0 0 10px #d6b56d85)drop-shadow(0 0 22px #14b8a62e);opacity:.75;animation:4.8s ease-in-out infinite birthdaySparkleFloat;position:absolute}.birthday-card-sparkles svg:first-child{top:18%;left:10%}.birthday-card-sparkles svg:nth-child(2){animation-delay:-1.5s;top:25%;right:14%}.birthday-card-sparkles svg:nth-child(3){animation-delay:-2.8s;bottom:18%;right:10%}.birthday-firework{z-index:1;pointer-events:none;opacity:.25;filter:blur(.3px)drop-shadow(0 0 18px #5eead466)drop-shadow(0 0 26px #d6b56d38);background:repeating-conic-gradient(#0000 0deg 10deg,#5eead480 10deg 12deg,#0000 12deg 22deg,#d6b56d73 22deg 24deg,#0000 24deg 34deg);border-radius:999px;width:220px;height:220px;position:absolute;-webkit-mask-image:radial-gradient(circle,#0000 0 22%,#000 23% 36%,#0000 37% 100%);mask-image:radial-gradient(circle,#0000 0 22%,#000 23% 36%,#0000 37% 100%)}.firework-one{top:14%;left:8%}.firework-two{top:18%;right:8%}.firework-three{bottom:7%;left:50%;transform:translate(-50%)}@keyframes birthdaySparkleFloat{0%,to{opacity:.45;transform:translate(0,0)scale(1)rotate(0)}45%{opacity:1;transform:translate(8px,-14px)scale(1.25)rotate(12deg)}75%{opacity:.65;transform:translate(-8px,-6px)scale(.9)rotate(-8deg)}}@media (width<=640px){.birthday-wish-panel{text-align:center;grid-template-columns:1fr}.birthday-wish-panel svg{margin:0 auto}.birthday-firework{width:150px;height:150px}.firework-one{top:12%;left:-36px}.firework-two{top:18%;right:-36px}.firework-three{bottom:4%}}.birthday-room-card{border-color:#d6b56d38;box-shadow:0 30px 120px #00000094,0 0 90px #14b8a61f,0 0 70px #d6b56d14,inset 0 1px #ffffff14}.birthday-message-box{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 50% 0,#14b8a61c,#0000 48%),radial-gradient(circle at 100% 100%,#d6b56d14,#0000 38%),#02061761;border:1px solid #5eead42e;border-radius:28px;max-width:760px;margin:34px auto 0;padding:28px 26px;position:relative;box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff0d}.birthday-main-line{color:#d6b56d;letter-spacing:-.04em;text-shadow:0 0 26px #d6b56d2e;margin:0 0 18px;font-size:clamp(22px,3vw,34px);font-weight:900}.birthday-message-box .room-letter{margin-top:20px}@media (width<=640px){.birthday-message-box{border-radius:24px;padding:22px 18px}.birthday-main-line{font-size:24px}}.lights-slideshow{z-index:2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:radial-gradient(circle at 50% 0,#14b8a621,#0000 44%),radial-gradient(circle at 100% 100%,#d6b56d1a,#0000 36%),linear-gradient(#0f172ac2,#020617b3);border:1px solid #5eead433;border-radius:36px;max-width:980px;margin:0 auto;padding:28px;position:relative;overflow:hidden;box-shadow:0 34px 120px #00000075,0 0 90px #14b8a61c,inset 0 1px #ffffff0f}.lights-slideshow:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#5eead424 35%,#d6b56d24 50%,#5eead424 65%,#0000 100%);animation:7s ease-in-out infinite shimmer;position:absolute;inset:-2px;transform:translate(-100%)}.slideshow-aura{pointer-events:none;filter:blur(14px);border-radius:999px;position:absolute}.aura-one{background:#14b8a624;width:240px;height:240px;animation:8s ease-in-out infinite floatOrb;top:22%;left:-90px;box-shadow:0 0 90px #14b8a638}.aura-two{background:#d6b56d1a;width:220px;height:220px;animation:9s ease-in-out -3s infinite floatOrb;bottom:12%;right:-80px;box-shadow:0 0 90px #d6b56d29}.slide-top-row{z-index:2;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex;position:relative}.slide-count{align-items:baseline;gap:8px;display:inline-flex}.slide-count span{color:#d6b56d;letter-spacing:-.08em;text-shadow:0 0 28px #d6b56d2e;font-size:clamp(34px,6vw,62px);font-weight:900;line-height:1}.slide-count em{color:#e5f7f57a;font-size:17px;font-style:normal;font-weight:800}.slide-label{color:#a7fff3;letter-spacing:.08em;text-transform:uppercase;background:#14b8a614;border:1px solid #5eead433;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:900;display:inline-flex}.slide-stage{z-index:2;perspective:1200px;grid-template-columns:58px 1fr 58px;align-items:center;gap:18px;min-height:420px;display:grid;position:relative}.slide-card-wrap{place-items:center;min-height:420px;display:grid}.slide-card{text-align:center;width:min(660px,100%);min-height:360px;transform-style:preserve-3d;background:radial-gradient(circle at 50% 0,#5eead426,#0000 48%),radial-gradient(circle at 100% 100%,#d6b56d1f,#0000 38%),linear-gradient(#0f172ad1,#020617c7);border:1px solid #5eead43d;border-radius:34px;place-items:center;padding:44px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 90px #0000006b,0 0 80px #14b8a61f,inset 0 1px #ffffff12}.slide-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#5eead41a,#0000 38%),radial-gradient(circle at 50% 100%,#d6b56d14,#0000 44%);position:absolute;inset:0}.slide-gem{color:#d6b56d;background:radial-gradient(circle at 50% 0,#d6b56d29,#0000 52%),#0206178f;border:1px solid #d6b56d47;border-radius:28px;place-items:center;width:86px;height:86px;margin:0 auto 28px;display:grid;box-shadow:0 0 52px #d6b56d24,inset 0 0 28px #d6b56d14}.slide-card p{z-index:2;color:#e5f7f5;letter-spacing:-.045em;text-shadow:0 0 32px #5eead41f;max-width:540px;margin:0 auto;font-size:clamp(24px,4vw,42px);font-weight:800;line-height:1.35;position:relative}.slide-arrow{color:#e5f7f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:radial-gradient(circle at 50% 0,#14b8a61f,#0000 48%),#0206178a;border:1px solid #5eead438;border-radius:999px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 18px 50px #00000047,0 0 32px #14b8a614}.slide-arrow:hover{color:#5eead4;border-color:#5eead475;box-shadow:0 0 42px #14b8a62e,0 18px 50px #00000052}.slide-controls{z-index:2;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex;position:relative}.slide-control-button{color:#e5f7f5c2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#02061775;border:1px solid #5eead433;border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-weight:900;display:inline-flex;box-shadow:0 12px 36px #0000003d}.slide-control-button.primary{color:#ecfeff;background:linear-gradient(135deg,#14b8a6eb,#082f49eb);border-color:#5eead461;box-shadow:0 0 34px #14b8a633}.slide-dots{z-index:2;flex-wrap:wrap;justify-content:center;gap:7px;max-width:520px;margin:26px auto 0;display:flex;position:relative}.slide-dots button{cursor:pointer;background:#e5f7f538;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .25s,background .25s,box-shadow .25s}.slide-dots button.active{background:#5eead4;width:28px;box-shadow:0 0 18px #5eead48c}.slide-hint{z-index:2;color:#e5f7f580;text-align:center;max-width:560px;margin:20px auto 0;font-size:14px;line-height:1.7;position:relative}.slide-card-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.slide-card-particles span{background:#5eead4e6;border-radius:999px;width:5px;height:5px;animation:6s ease-in-out infinite particleFloat;position:absolute;box-shadow:0 0 14px #5eead4e6,0 0 30px #14b8a673}.slide-card-particles span:first-child{top:18%;left:15%}.slide-card-particles span:nth-child(2){animation-delay:-1s;top:22%;left:78%}.slide-card-particles span:nth-child(3){background:#d6b56ddb;animation-delay:-2s;top:78%;left:68%;box-shadow:0 0 14px #d6b56ddb,0 0 30px #d6b56d61}.slide-card-particles span:nth-child(4){width:4px;height:4px;animation-delay:-3s;top:82%;left:24%}.slide-card-particles span:nth-child(5){width:4px;height:4px;animation-delay:-4s;top:54%;left:88%}.slide-card-particles span:nth-child(6){width:3px;height:3px;animation-delay:-5s;top:12%;left:42%}@media (width<=760px){.lights-slideshow{border-radius:30px;padding:20px}.slide-stage{grid-template-columns:1fr;min-height:390px}.slide-arrow{display:none}.slide-card-wrap{min-height:360px}.slide-card{border-radius:28px;min-height:330px;padding:34px 24px}.slide-card p{font-size:clamp(23px,8vw,34px)}.slide-top-row{align-items:flex-start}}@media (width<=430px){.lights-slideshow{padding:16px}.slide-card{min-height:310px;padding:30px 20px}.slide-gem{border-radius:24px;width:76px;height:76px}.slide-control-button{justify-content:center;width:100%}.slide-controls{gap:10px}}h1,.portal-text h2,.access-text h2,.open-when-note h2{font-family:Playfair Display,Georgia,serif;font-weight:800}h1{letter-spacing:-.055em}h1 span{letter-spacing:-.052em;font-family:Playfair Display,Georgia,serif;font-weight:800}.hero-text,.room-letter,.birthday-wish-panel p,.open-when-note p,.slide-card p{font-family:Plus Jakarta Sans,system-ui,sans-serif}.hero-text,.room-letter{font-weight:500}.top-badge,.enter-button,.back-button,.room-status,.slide-label,.slide-control-button,.sound-toggle,.gate-form button,.code-box button,.sudoku-actions button{font-family:Plus Jakarta Sans,system-ui,sans-serif}.birthday-main-line,.slide-count span,.countdown-box strong{font-family:Playfair Display,Georgia,serif;font-weight:800}.room-content h2{letter-spacing:-.045em;font-family:Playfair Display,Georgia,serif;font-weight:800}.light-card p{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:600}.open-when-tab{font-family:Plus Jakarta Sans,system-ui,sans-serif}:root{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body,button,input,.hero-text,.room-letter,.birthday-wish-panel p,.open-when-note p,.slide-card p,.room-content p,.light-card p,.countdown-arrived,.sudoku-hint,.slide-hint,.top-badge,.enter-button,.back-button,.room-status,.slide-label,.slide-control-button,.sound-toggle,.gate-form button,.code-box button,.sudoku-actions button,.open-when-tab{font-family:Manrope,system-ui,sans-serif}h1,h1 span,.birthday-welcome-card h1,.birthday-welcome-card h1 span,.hero-card h1,.hero-card h1 span,.portal-text h2,.access-text h2,.open-when-note h2{letter-spacing:0;font-family:Parisienne,cursive;font-weight:400;line-height:.98}h1 span{margin-top:8px}.room-content h2,.slide-count span,.countdown-box strong,.birthday-main-line{font-family:Manrope,system-ui,sans-serif;font-weight:800}.welcome-kicker{letter-spacing:.34em;font-family:Manrope,system-ui,sans-serif}.birthday-welcome-card h1 span{font-size:clamp(64px,8vw,116px);display:block}.slide-card p{letter-spacing:-.035em;font-weight:800}@media (width<=640px){h1,.birthday-welcome-card h1,.birthday-room-card h1,.single-room-card h1{font-size:clamp(58px,18vw,86px)}h1 span,.birthday-welcome-card h1 span{font-size:clamp(54px,16vw,78px)}}h1,h1 span,.birthday-welcome-card h1,.birthday-welcome-card h1 span,.hero-card h1,.hero-card h1 span,.portal-text h2,.access-text h2,.open-when-note h2{padding-top:8px;padding-bottom:10px;line-height:1.16;overflow:visible}h1{font-size:clamp(52px,7.2vw,92px)}h1 span{margin-top:0;font-size:clamp(50px,6.8vw,88px)}.birthday-welcome-card h1{font-size:clamp(54px,7.2vw,94px)}.birthday-welcome-card h1 span{font-size:clamp(52px,6.8vw,90px)}.birthday-room-card h1{font-size:clamp(54px,7vw,92px)}.final-letter-card h1,.single-room-card h1{font-size:clamp(52px,6.8vw,88px)}.portal-text h2,.access-text h2{font-size:clamp(34px,5.5vw,72px);line-height:1.18}.open-when-note h2{font-size:clamp(40px,5.8vw,78px);line-height:1.18}@media (width<=640px){h1,.birthday-welcome-card h1,.birthday-room-card h1,.single-room-card h1{font-size:clamp(48px,15vw,72px);line-height:1.18}h1 span,.birthday-welcome-card h1 span{font-size:clamp(46px,14vw,68px);line-height:1.18}.portal-text h2,.access-text h2{font-size:clamp(34px,10vw,54px)}}@media (width<=430px){h1,.birthday-welcome-card h1,.birthday-room-card h1,.single-room-card h1{font-size:clamp(44px,14vw,64px)}h1 span,.birthday-welcome-card h1 span{font-size:clamp(42px,13vw,60px)}}.moon-zoom-button{z-index:6;color:#e5f7f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:radial-gradient(circle at 35% 30%,#ffffff3d,#0000 32%),radial-gradient(circle,#5eead421,#0000 58%),#0206176b;border:1px solid #e5f7f533;border-radius:999px;place-items:center;width:82px;height:82px;display:grid;position:fixed;top:26%;right:8%;box-shadow:0 0 40px #e5f7f521,0 0 80px #14b8a61f}.moon-zoom-button svg{z-index:2;filter:drop-shadow(0 0 10px #e5f7f557)drop-shadow(0 0 22px #5eead438);position:relative}.moon-zoom-button em{color:#fff7d6;background:#020617b3;border:1px solid #d6b56d47;border-radius:999px;min-width:36px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:900;position:absolute;bottom:-6px;right:-8px;box-shadow:0 0 20px #d6b56d24}.moon-glow{border-radius:inherit;filter:blur(10px);background:radial-gradient(circle,#e5f7f524,#5eead414,#0000 68%);animation:3.6s ease-in-out infinite moonPulse;position:absolute;inset:-18px}.moon-reveal-overlay{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 50% 38%,#e5f7f526,#0000 30%),radial-gradient(circle,#14b8a62e,#0000 48%),#020617e6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.moon-reveal-card{text-align:center;background:radial-gradient(circle at 50% 0,#e5f7f51f,#0000 38%),radial-gradient(circle at 100% 100%,#d6b56d1a,#0000 36%),linear-gradient(#0f172adb,#020617d1);border:1px solid #5eead43d;border-radius:36px;width:min(620px,100%);padding:34px;position:relative;overflow:hidden;box-shadow:0 34px 130px #0000009e,0 0 90px #14b8a629,inset 0 1px #ffffff14}.moon-reveal-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#e5f7f51f 35%,#d6b56d24 50%,#5eead41f 65%,#0000 100%);animation:5.5s ease-in-out infinite shimmer;position:absolute;inset:-2px;transform:translate(-100%)}.moon-close-button{z-index:2;color:#e5f7f5c2;cursor:pointer;background:#0206178a;border:1px solid #5eead433;border-radius:999px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:18px;right:18px}.moon-reveal-badge{color:#a7fff3;letter-spacing:.08em;text-transform:uppercase;background:#14b8a614;border:1px solid #5eead433;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin:0 auto 22px;padding:9px 14px;font-size:12px;font-weight:900;display:inline-flex}.moon-photo-frame{z-index:1;background:radial-gradient(circle at 50% 0,#d6b56d2e,#0000 52%),#02061794;border:1px solid #d6b56d52;border-radius:999px;width:min(260px,72vw);height:min(260px,72vw);margin:0 auto 26px;padding:9px;position:relative;box-shadow:0 0 70px #d6b56d24,0 0 90px #14b8a61f}.moon-photo-frame img{border-radius:inherit;object-fit:cover;background:radial-gradient(circle,#5eead429,#020617cc);width:100%;height:100%;display:block}.moon-reveal-card h2{z-index:1;color:#f8ffff;margin:0;font-family:Parisienne,cursive;font-size:clamp(38px,6vw,78px);font-weight:400;line-height:1.08;position:relative}.moon-reveal-card p{z-index:1;color:#bed4dc;max-width:500px;margin:18px auto 0;font-size:16px;font-weight:600;line-height:1.75;position:relative}.moon-reset-button{z-index:1;color:#e5f7f5;cursor:pointer;background:#02061780;border:1px solid #5eead442;border-radius:999px;min-height:46px;margin-top:24px;padding:0 18px;font-weight:800;position:relative;box-shadow:0 0 32px #14b8a61a}@keyframes moonPulse{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.16)}}@media (width<=640px){.moon-zoom-button{width:64px;height:64px;top:130px;right:18px}.moon-zoom-button svg{width:28px;height:28px}.moon-reveal-card{border-radius:30px;padding:28px 20px}.moon-reveal-card h2{font-size:clamp(34px,12vw,56px)}}.natural-moon-button{z-index:6;cursor:pointer;background:radial-gradient(circle at 34% 28%,#fffffff2,#e5f7f5c7 15%,#0000 16%),radial-gradient(circle at 44% 42%,#94a3b859,#0000 12%),radial-gradient(circle at 68% 28%,#94a3b840,#0000 10%),radial-gradient(circle at 58% 70%,#94a3b838,#0000 12%),radial-gradient(circle,#f7fbff 0%,#dbeafe 45%,#94a3b8 100%);border:0;border-radius:999px;width:92px;height:92px;position:fixed;top:23%;right:8%;box-shadow:0 0 24px #e5f7f561,0 0 70px #5eead433,inset -14px -18px 24px #0f172a3d,inset 10px 10px 18px #ffffff5c}.natural-moon-button:after{content:"zoom me";color:#e5f7f59e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.12em;text-transform:uppercase;opacity:0;background:#0206177a;border:1px solid #5eead42e;border-radius:999px;width:max-content;padding:5px 10px;font-size:10px;font-weight:900;transition:opacity .25s,transform .25s;position:absolute;bottom:-34px;left:50%;transform:translate(-50%);box-shadow:0 0 24px #14b8a614}.natural-moon-button:hover:after{opacity:1;transform:translate(-50%)translateY(-3px)}.natural-moon-halo{z-index:-1;border-radius:inherit;filter:blur(12px);background:radial-gradient(circle,#e5f7f52e,#5eead414,#0000 70%);animation:4.2s ease-in-out infinite moonPulse;position:absolute;inset:-34px}.natural-moon-crater{background:#64748b47;border-radius:999px;position:absolute;box-shadow:inset 2px 2px 5px #0f172a3d}.crater-one{width:13px;height:13px;top:25px;left:28px}.crater-two{width:9px;height:9px;top:31px;right:26px}.crater-three{width:15px;height:15px;bottom:24px;right:31px}.crater-four{width:7px;height:7px;bottom:31px;left:34px}.moon-viewer-overlay{z-index:95;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at 50% 36%,#e5f7f524,#0000 30%),radial-gradient(circle,#14b8a62e,#0000 48%),#020617eb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.moon-viewer-panel{text-align:center;background:radial-gradient(circle at 50% 0,#e5f7f51a,#0000 38%),radial-gradient(circle at 100% 100%,#d6b56d1a,#0000 36%),linear-gradient(#0f172ae0,#020617d6);border:1px solid #5eead43d;border-radius:38px;width:min(760px,100%);padding:30px;position:relative;overflow:hidden;box-shadow:0 38px 140px #000000a8,0 0 100px #14b8a629,inset 0 1px #ffffff14}.moon-viewer-close{z-index:4;color:#e5f7f5c2;cursor:pointer;background:#0206178a;border:1px solid #5eead433;border-radius:999px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:18px;right:18px}.moon-viewer-badge{z-index:2;color:#a7fff3;letter-spacing:.08em;text-transform:uppercase;background:#14b8a614;border:1px solid #5eead433;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin:0 auto 18px;padding:9px 14px;font-size:12px;font-weight:900;display:inline-flex;position:relative}.moon-viewer-stage{background:radial-gradient(circle,#5eead414,#0000 70%);border-radius:999px;place-items:center;width:min(380px,78vw);height:min(380px,78vw);margin:0 auto;display:grid;position:relative;overflow:hidden}.moon-scope-ring{border:1px dashed #5eead447;border-radius:999px;position:absolute;inset:12px;box-shadow:0 0 40px #14b8a624}.moon-scope-ring-two{border-style:dotted;border-color:#d6b56d3d;inset:42px}.zoomed-moon{background:radial-gradient(circle at 30% 24%,#fffffff0,#e5f7f5cc 16%,#0000 17%),radial-gradient(circle at 44% 42%,#94a3b859,#0000 12%),radial-gradient(circle at 68% 28%,#94a3b840,#0000 10%),radial-gradient(circle at 58% 70%,#94a3b838,#0000 12%),radial-gradient(circle,#f7fbff 0%,#dbeafe 45%,#94a3b8 100%);border-radius:999px;width:210px;height:210px;position:relative;overflow:hidden;box-shadow:0 0 50px #e5f7f559,0 0 120px #5eead433,inset -22px -26px 34px #0f172a47,inset 15px 15px 24px #ffffff57}.zoomed-crater{z-index:1;background:#64748b47;border-radius:999px;position:absolute;box-shadow:inset 2px 2px 5px #0f172a3d}.crater-a{width:28px;height:28px;top:48px;left:52px}.crater-b{width:18px;height:18px;top:62px;right:52px}.crater-c{width:32px;height:32px;bottom:44px;right:58px}.crater-d{width:14px;height:14px;bottom:58px;left:66px}.crater-e{width:12px;height:12px;top:96px;left:105px}.moon-hidden-photo{z-index:3;object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.moon-final-glow{z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 0,#ffffff42,#0000 38%),radial-gradient(circle,#0000 50%,#02061747 100%);position:absolute;inset:0}.moon-zoom-readout{z-index:2;margin-top:18px;position:relative}.moon-zoom-readout span{color:#d6b56d;letter-spacing:-.08em;text-shadow:0 0 30px #d6b56d29;font-size:clamp(42px,7vw,82px);font-weight:900;line-height:1;display:block}.moon-zoom-readout p{color:#e5f7f5a6;max-width:460px;margin:8px auto 0;font-size:14px;font-weight:700;line-height:1.6}.moon-zoom-meter{z-index:2;grid-template-columns:repeat(4,1fr);gap:8px;max-width:320px;margin:18px auto 0;display:grid;position:relative}.moon-zoom-meter button{cursor:pointer;background:#e5f7f529;border:0;border-radius:999px;height:8px}.moon-zoom-meter button.active{background:#5eead4;box-shadow:0 0 18px #5eead48c}.moon-funny-message{z-index:2;color:#fff7d6;background:radial-gradient(circle at 0 0,#d6b56d21,#0000 42%),#02061775;border:1px solid #d6b56d38;border-radius:24px;max-width:560px;margin:22px auto 0;padding:18px 20px;position:relative;box-shadow:0 20px 60px #00000047,0 0 42px #d6b56d14}.moon-funny-message svg{color:#d6b56d;filter:drop-shadow(0 0 12px #d6b56d59)}.moon-funny-message h2{color:#f8ffff;margin:8px 0 0;font-family:Parisienne,cursive;font-size:clamp(34px,5vw,64px);font-weight:400;line-height:1.12}.moon-funny-message p{color:#bed4dc;max-width:450px;margin:12px auto 0;font-size:15px;font-weight:600;line-height:1.7}.moon-zoom-actions{z-index:2;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex;position:relative}.moon-zoom-actions button{color:#e5f7f5c7;cursor:pointer;background:#02061780;border:1px solid #5eead438;border-radius:999px;min-height:46px;padding:0 18px;font-weight:900}.moon-zoom-actions button.primary{color:#ecfeff;background:linear-gradient(135deg,#14b8a6eb,#082f49eb);border-color:#5eead461;box-shadow:0 0 34px #14b8a633}.moon-zoom-actions button:disabled{opacity:.38;cursor:not-allowed}@media (width<=640px){.natural-moon-button{width:68px;height:68px;top:132px;right:18px}.moon-viewer-panel{border-radius:30px;padding:26px 18px}.moon-viewer-stage{width:min(310px,84vw);height:min(310px,84vw)}.zoomed-moon{width:172px;height:172px}.moon-zoom-readout span{font-size:clamp(38px,13vw,62px)}.moon-funny-message h2{font-size:clamp(32px,11vw,52px)}}.moon-viewer-overlay{padding-top:max(18px, env(safe-area-inset-top));padding-bottom:max(18px, env(safe-area-inset-bottom));align-items:start;overflow-y:auto}.moon-viewer-panel{overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100svh - 36px);overflow-y:auto}.moon-viewer-close{z-index:20;margin-left:auto;position:sticky;top:0;transform:translate(10px,-10px)}.moon-funny-message h2{word-break:normal;overflow-wrap:anywhere;max-width:100%;font-size:clamp(30px,4.4vw,52px);line-height:1.16}.moon-funny-message p{font-size:clamp(14px,1.8vw,15.5px)}@media (height<=760px){.moon-viewer-panel{padding-top:18px;padding-bottom:18px}.moon-viewer-stage{width:min(300px,62vh,78vw);height:min(300px,62vh,78vw)}.zoomed-moon{width:min(172px,34vh);height:min(172px,34vh)}.moon-zoom-readout span{font-size:clamp(34px,8vh,58px)}.moon-funny-message{margin-top:14px;padding:14px 16px}.moon-funny-message h2{font-size:clamp(28px,6vh,44px)}.moon-zoom-actions{margin-top:16px}}@media (width<=640px){.moon-viewer-overlay{padding:14px}.moon-viewer-panel{max-height:calc(100svh - 28px)}.moon-viewer-close{transform:translate(4px,-6px)}.moon-funny-message h2{font-size:clamp(30px,9vw,44px)}}@media (width>=760px){.moon-viewer-overlay{align-items:center;padding:24px;overflow:hidden}.moon-viewer-panel{grid-template-columns:minmax(360px,.95fr) minmax(360px,1fr);align-items:center;column-gap:30px;width:min(1040px,100vw - 48px);max-height:calc(100svh - 48px);padding:30px;display:grid;overflow:visible}.moon-viewer-close{margin-left:0;position:absolute;top:18px;right:18px;transform:none}.moon-viewer-badge{margin:0;position:absolute;top:24px;left:30px}.moon-viewer-stage{grid-area:1/1/span 5;width:min(390px,38vw,100svh - 130px);height:min(390px,38vw,100svh - 130px);margin:38px auto 0}.zoomed-moon{width:min(220px,21vw,100svh - 280px);height:min(220px,21vw,100svh - 280px)}.moon-zoom-readout{text-align:left;grid-column:2;margin-top:24px}.moon-zoom-readout span{font-size:clamp(48px,5vw,78px)}.moon-zoom-readout p{max-width:520px;margin-left:0;margin-right:0}.moon-zoom-meter{grid-column:2;max-width:360px;margin-left:0;margin-right:0}.moon-funny-message{text-align:left;grid-column:2;max-width:560px;margin:20px 0 0}.moon-funny-message h2{font-size:clamp(34px,3.6vw,52px);line-height:1.15}.moon-funny-message p{margin-left:0;margin-right:0}.moon-zoom-actions{grid-column:2;justify-content:flex-start;margin-top:22px}}@media (width>=760px) and (height<=760px){.moon-viewer-panel{column-gap:24px;padding:24px}.moon-viewer-badge{top:18px;left:24px}.moon-viewer-stage{width:min(330px,34vw,100svh - 100px);height:min(330px,34vw,100svh - 100px);margin-top:34px}.zoomed-moon{width:min(185px,19vw,100svh - 250px);height:min(185px,19vw,100svh - 250px)}.moon-zoom-readout span{font-size:clamp(40px,4.4vw,62px)}.moon-funny-message{margin-top:14px;padding:14px 16px}.moon-funny-message h2{font-size:clamp(30px,3.2vw,44px)}.moon-funny-message p{font-size:14px;line-height:1.55}.moon-zoom-actions{margin-top:14px}}.bengali-letter-card{padding:42px}.letter-progress-wrap{z-index:2;max-width:760px;margin:28px auto 0;position:relative}.letter-progress-text{color:#e5f7f594;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:900;display:flex}.letter-progress-track{background:#e5f7f51f;border-radius:999px;height:8px;overflow:hidden}.letter-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#14b8a6,#5eead4,#d6b56d);height:100%;box-shadow:0 0 24px #5eead46b}.letter-reader-stage{z-index:2;place-items:center;min-height:560px;padding:30px 0 18px;display:grid;position:relative}.letter-chapter{text-align:center;width:min(820px,100%);margin:0 auto}.letter-chapter-icon{color:#d6b56d;background:radial-gradient(circle at 50% 0,#d6b56d29,#0000 52%),#0206178f;border:1px solid #d6b56d47;border-radius:28px;place-items:center;width:86px;height:86px;margin:0 auto 24px;display:grid;box-shadow:0 0 52px #d6b56d24,inset 0 0 28px #d6b56d14}.letter-chapter h1{color:#f8ffff;letter-spacing:-.045em;max-width:780px;margin:0 auto 28px;padding:0;font-family:Noto Serif Bengali,Noto Sans Bengali,serif;font-size:clamp(38px,5.2vw,74px);font-weight:800;line-height:1.28}.letter-paragraphs{gap:18px;max-width:800px;margin:0 auto;display:grid}.letter-paragraphs p{color:#d5e7e5;text-align:left;margin:0;font-family:Noto Sans Bengali,Manrope,system-ui,sans-serif;font-size:clamp(17px,2vw,21px);font-weight:500;line-height:2.05}.letter-chapter-signature .letter-paragraphs,.letter-chapter-signature .letter-paragraphs p{text-align:center}.letter-signature-line{color:#d6b56d!important;font-family:Noto Serif Bengali,Noto Sans Bengali,serif!important;font-size:clamp(24px,3vw,38px)!important;font-weight:800!important;line-height:1.65!important}.letter-song-card{text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#14b8a621,#0000 44%),radial-gradient(circle at 100% 100%,#d6b56d1a,#0000 36%),#02061775;border:1px solid #5eead438;border-radius:30px;grid-template-columns:auto 1fr;align-items:start;gap:22px;max-width:760px;margin:0 auto;padding:28px;display:grid;box-shadow:0 24px 70px #0000004d,0 0 46px #14b8a614,inset 0 1px #ffffff0d}.letter-song-icon{color:#5eead4;background:#14b8a614;border:1px solid #5eead43d;border-radius:24px;place-items:center;width:76px;height:76px;display:grid;box-shadow:0 0 42px #14b8a61f}.letter-song-kicker{color:#5eead4;letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.letter-song-card h3{color:#f8ffff;letter-spacing:-.06em;margin:0;font-family:Manrope,system-ui,sans-serif;font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.15}.letter-song-card p{color:#bed4dc;margin:14px 0 0;font-family:Noto Sans Bengali,Manrope,system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1.8}.letter-song-card button{color:#ecfeff;cursor:pointer;background:linear-gradient(135deg,#14b8a6eb,#082f49eb);border:1px solid #5eead45c;border-radius:999px;align-items:center;gap:8px;min-height:48px;margin-top:18px;padding:0 18px;font-weight:900;display:inline-flex;box-shadow:0 0 34px #14b8a62e}.letter-song-error{color:#fecaca!important;font-size:13px!important}.letter-actions{z-index:2;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex;position:relative}.letter-nav-button{color:#e5f7f5c7;cursor:pointer;background:#02061780;border:1px solid #5eead438;border-radius:999px;align-items:center;gap:8px;min-height:50px;padding:0 20px;font-weight:900;display:inline-flex;box-shadow:0 14px 40px #00000038}.letter-nav-button.primary{color:#ecfeff;background:linear-gradient(135deg,#14b8a6eb,#082f49eb);border-color:#5eead461;box-shadow:0 0 34px #14b8a633}.letter-nav-button:disabled{opacity:.38;cursor:not-allowed}.letter-small-note{z-index:2;color:#e5f7f580;margin:18px auto 0;font-size:14px;line-height:1.7;position:relative}@media (width<=760px){.bengali-letter-card{padding:32px 20px}.letter-reader-stage{min-height:560px;padding-top:24px}.letter-chapter h1{font-size:clamp(32px,10vw,52px);line-height:1.32}.letter-paragraphs p{font-size:16px;line-height:1.95}.letter-song-card{text-align:center;grid-template-columns:1fr;padding:24px 18px}.letter-song-icon{margin:0 auto}.letter-actions{grid-template-columns:1fr;display:grid}.letter-nav-button{justify-content:center;width:100%}}@media (height<=740px) and (width>=900px){.letter-reader-stage{min-height:430px}.letter-chapter-icon{border-radius:22px;width:68px;height:68px;margin-bottom:16px}.letter-chapter h1{margin-bottom:18px;font-size:clamp(32px,4vw,56px)}.letter-paragraphs{gap:12px}.letter-paragraphs p{font-size:17px;line-height:1.8}}.final-letter-shell{width:min(980px,100%)}.final-letter-paper{z-index:2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:radial-gradient(circle at 50% 0,#d6b56d1a,#0000 42%),radial-gradient(circle at 100% 100%,#14b8a61c,#0000 38%),linear-gradient(#0f172adb,#020617d1);border:1px solid #d6b56d3d;border-radius:38px;margin-top:46px;padding:clamp(28px,5vw,64px);position:relative;overflow:hidden;box-shadow:0 38px 140px #0000009e,0 0 100px #14b8a61f,0 0 80px #d6b56d14,inset 0 1px #ffffff14}.final-letter-paper:before{content:"";pointer-events:none;border:1px solid #d6b56d1f;border-radius:28px;position:absolute;inset:22px}.letter-paper-glow{filter:blur(18px);pointer-events:none;background:#d6b56d1a;border-radius:999px;width:360px;height:360px;position:absolute;top:-160px;right:-160px}.final-letter-top-badge{z-index:2;color:#fff7d6;letter-spacing:.08em;text-transform:uppercase;background:#d6b56d12;border:1px solid #d6b56d3d;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin:0 auto 34px;padding:9px 15px;font-size:13px;font-weight:900;display:inline-flex;position:relative;box-shadow:0 0 30px #d6b56d14}.letter-paper-header{z-index:2;text-align:center;margin-bottom:40px;position:relative}.letter-paper-header p{color:#5eead4;letter-spacing:.32em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:900}.letter-paper-header h1{color:#f8ffff;letter-spacing:-.045em;margin:0;font-family:Noto Serif Bengali,Noto Sans Bengali,serif;font-size:clamp(42px,6vw,82px);font-weight:800;line-height:1.22}.bengali-letter-body{z-index:2;max-width:760px;margin:0 auto;position:relative}.bengali-letter-body>p{color:#d8ebe8;text-align:left;margin:0 0 28px;font-family:Noto Sans Bengali,Manrope,system-ui,sans-serif;font-size:clamp(17px,2vw,20px);font-weight:500;line-height:2.08}.bengali-letter-body>p:first-child{color:#fff7d6;text-align:center;margin-bottom:34px;font-family:Noto Serif Bengali,Noto Sans Bengali,serif;font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.45}.letter-song-inline{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#14b8a621,#0000 42%),radial-gradient(circle at 100% 100%,#d6b56d1a,#0000 38%),#0206177a;border:1px solid #5eead438;border-radius:28px;grid-template-columns:auto 1fr;align-items:start;gap:20px;margin:42px 0;padding:24px;display:grid;position:relative;box-shadow:0 22px 70px #0000004d,0 0 46px #14b8a614,inset 0 1px #ffffff0d}.letter-song-inline-icon{color:#5eead4;background:#14b8a614;border:1px solid #5eead43d;border-radius:22px;place-items:center;width:70px;height:70px;display:grid;box-shadow:0 0 42px #14b8a61f}.letter-song-inline-content span{color:#5eead4;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:900;display:block}.letter-song-inline-content h3{color:#f8ffff;margin:0;font-family:Noto Serif Bengali,Noto Sans Bengali,serif;font-size:clamp(26px,3vw,40px);font-weight:800;line-height:1.25}.letter-song-inline-content p{color:#bed4dc;margin:12px 0 0;font-family:Noto Sans Bengali,Manrope,system-ui,sans-serif;font-size:15.5px;font-weight:600;line-height:1.8}.letter-song-inline-content button{color:#ecfeff;cursor:pointer;background:linear-gradient(135deg,#14b8a6eb,#082f49eb);border:1px solid #5eead45c;border-radius:999px;align-items:center;gap:8px;min-height:46px;margin-top:18px;padding:0 18px;font-weight:900;display:inline-flex;box-shadow:0 0 34px #14b8a62e}.letter-song-inline-error{color:#fecaca!important;font-size:13px!important}.letter-signature-block{text-align:right;margin-top:42px}.letter-signature-block p{color:#d6b56d;margin:0 0 8px;font-family:Noto Serif Bengali,Noto Sans Bengali,serif;font-size:clamp(26px,4vw,44px);font-weight:800;line-height:1.35}.letter-final-spark-button{z-index:2;color:#ecfeff;cursor:pointer;background:linear-gradient(135deg,#14b8a6f2,#082f49f2),radial-gradient(circle at 50% 0,#ffffff2e,#0000 42%);border:1px solid #5eead45c;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;margin:44px auto 0;padding:0 22px;font-size:15px;font-weight:900;display:flex;position:relative;box-shadow:0 0 40px #14b8a63d,0 14px 40px #00000052}@media (width<=640px){.final-letter-paper{border-radius:30px;margin-top:34px;padding:28px 20px}.final-letter-paper:before{border-radius:22px;inset:12px}.letter-paper-header{margin-bottom:30px}.letter-paper-header h1{font-size:clamp(36px,12vw,58px)}.bengali-letter-body>p{margin-bottom:24px;font-size:16px;line-height:1.95}.bengali-letter-body>p:first-child{font-size:clamp(26px,9vw,40px)}.letter-song-inline{text-align:center;grid-template-columns:1fr;padding:22px 18px}.letter-song-inline-icon{margin:0 auto}.letter-signature-block{text-align:center}.letter-final-spark-button{width:100%}}.letter-song-tiny{z-index:2;align-items:center;gap:8px;margin:4px 0 28px;display:inline-flex;position:relative}.letter-song-tiny-button{color:#e5f7f5;letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#14b8a647,#082f4970),#0206176b;border:1px solid #5eead44d;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 13px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 0 22px #14b8a61f,0 10px 26px #0000002e}.letter-song-tiny-button:hover{border-color:#5eead485;box-shadow:0 0 30px #14b8a633,0 12px 30px #00000038}.letter-song-tiny-button.playing{color:#fff7d6;background:linear-gradient(135deg,#d6b56d38,#14b8a638),#02061775;border-color:#d6b56d6b;box-shadow:0 0 28px #d6b56d24,0 0 28px #14b8a61f}.letter-song-tiny-error{color:#fecaca;font-size:12px;font-weight:700}.bengali-letter-body>p{text-align:justify;text-align-last:left}.bengali-letter-body>p:first-child{text-align:center;text-align-last:center}.letter-signature-block p{text-align:right;text-align-last:right}@media (width<=640px){.bengali-letter-body>p{text-align:left;text-align-last:left}.bengali-letter-body>p:first-child,.letter-signature-block p{text-align:center;text-align-last:center}}.rose-field{z-index:96;pointer-events:none;position:fixed;inset:0;overflow:hidden}.floating-rose{left:var(--rose-left);font-size:var(--rose-size);filter:drop-shadow(0 0 10px #f472b659)drop-shadow(0 0 20px #d6b56d29);opacity:0;animation:roseFloatUp var(--rose-duration) ease-in-out infinite;animation-delay:var(--rose-delay);position:absolute;bottom:-60px}.moon-song-button{color:#fff7f8;cursor:pointer;background:linear-gradient(135deg,#f472b638,#14b8a62e),#0206177a;border:1px solid #f472b647;border-radius:999px;min-height:38px;margin-top:14px;padding:0 14px;font-size:12px;font-weight:900;box-shadow:0 0 28px #f472b624,0 0 24px #14b8a61a}.moon-song-button:hover{border-color:#f472b675;box-shadow:0 0 36px #f472b633,0 0 28px #14b8a61f}@keyframes roseFloatUp{0%{opacity:0;transform:translate(0,0)rotate(-18deg)scale(.65)}12%{opacity:.95}45%{transform:translate3d(var(--rose-drift), -46vh, 0) rotate(16deg) scale(1);opacity:.9}78%{opacity:.72}to{transform:translate3d(calc(var(--rose-drift) * -.6), -105vh, 0) rotate(34deg) scale(1.15);opacity:0}}@media (width<=640px){.floating-rose{font-size:calc(var(--rose-size) * .82)}.moon-song-button{width:100%}}.floating-rose{left:var(--rose-left);width:var(--rose-size);height:calc(var(--rose-size) * 2.15);opacity:0;transform-origin:bottom;animation:premiumRoseFloatUp var(--rose-duration) ease-in-out infinite;animation-delay:var(--rose-delay);filter:drop-shadow(0 0 10px #f472b652)drop-shadow(0 0 18px #d6b56d24);position:absolute;bottom:-90px}.rose-bloom{width:var(--rose-size);height:var(--rose-size);transform:translateX(-50%) rotate(var(--rose-rotate));position:absolute;top:0;left:50%}.rose-petal,.rose-core{background:radial-gradient(circle at 35% 30%,#ffe4ebf2,#0000 22%),linear-gradient(135deg,#fecdd3 0%,#fb7185 38%,#be123c 100%);border-radius:999px 999px 999px 0;position:absolute;box-shadow:inset 0 0 8px #ffffff2e,inset -4px -5px 10px #4c051947}.rose-petal-one{width:68%;height:68%;top:18%;left:16%;transform:rotate(45deg)}.rose-petal-two{background:radial-gradient(circle at 35% 30%,#ffe4ebd9,#0000 20%),linear-gradient(135deg,#fda4af 0%,#e11d48 48%,#881337 100%);width:58%;height:58%;top:26%;left:3%;transform:rotate(12deg)}.rose-petal-three{background:radial-gradient(circle at 35% 30%,#ffe4ebd9,#0000 20%),linear-gradient(135deg,#fecdd3 0%,#fb7185 45%,#9f1239 100%);width:58%;height:58%;top:24%;right:3%;transform:rotate(78deg)}.rose-petal-four{background:radial-gradient(circle at 35% 30%,#fff1f2e6,#0000 20%),linear-gradient(135deg,#ffe4e6 0%,#fb7185 42%,#be123c 100%);width:48%;height:48%;top:4%;left:26%;transform:rotate(48deg)}.rose-core{background:radial-gradient(circle at 40% 35%,#ffffff8c,#0000 22%),linear-gradient(135deg,#fda4af 0%,#e11d48 55%,#881337 100%);width:34%;height:34%;top:34%;left:33%;transform:rotate(45deg)}.rose-stem{left:50%;top:calc(var(--rose-size) * .82);width:2px;height:calc(var(--rose-size) * 1.15);background:linear-gradient(#86efac,#15803d);border-radius:999px;position:absolute;transform:translate(-50%);box-shadow:0 0 8px #22c55e38}.rose-leaf{top:calc(var(--rose-size) * 1.28);width:calc(var(--rose-size) * .34);height:calc(var(--rose-size) * .2);background:linear-gradient(135deg,#bbf7d0,#16a34a 70%,#166534);border-radius:999px 0;position:absolute;box-shadow:inset -2px -2px 5px #14532d59}.rose-leaf-left{left:34%;transform:rotate(-26deg)}.rose-leaf-right{right:34%;transform:scaleX(-1)rotate(-26deg)}@keyframes premiumRoseFloatUp{0%{transform:translate3d(0, 0, 0) rotate(calc(var(--rose-rotate) * -1)) scale(.58);opacity:0}12%{opacity:.95}42%{transform:translate3d(var(--rose-drift), -44vh, 0) rotate(var(--rose-rotate)) scale(1);opacity:.95}72%{opacity:.78}to{transform:translate3d(calc(var(--rose-drift) * -.55), -108vh, 0) rotate(calc(var(--rose-rotate) * 2.2)) scale(1.12);opacity:0}}@media (width<=640px){.floating-rose{width:calc(var(--rose-size) * .82);height:calc(var(--rose-size) * 1.9)}}.petal-field{z-index:96;pointer-events:none;position:fixed;inset:0;overflow:hidden}.floating-petal{left:var(--petal-left);width:var(--petal-size);height:calc(var(--petal-size) * 1.65);opacity:0;transform-origin:50%;animation:petalFloatUp var(--petal-duration) ease-in-out infinite;animation-delay:var(--petal-delay);background:radial-gradient(circle at 32% 24%,#fff1f2f2,#0000 24%),linear-gradient(135deg,#fecdd3 0%,#fb7185 42%,#be123c 100%);border-radius:70% 30%;position:absolute;bottom:-70px;box-shadow:inset 0 0 8px #ffffff3d,inset -4px -6px 10px #4c051940,0 0 14px #f472b63d}.floating-petal:before{content:"";background:#ffffff38;border-radius:999px;width:1px;height:76%;position:absolute;top:12%;left:48%;transform:rotate(12deg)}.floating-petal:nth-child(3n){background:radial-gradient(circle at 32% 24%,#fff5f7e6,#0000 24%),linear-gradient(135deg,#ffe4e6 0%,#f43f5e 48%,#9f1239 100%)}.floating-petal:nth-child(4n){background:radial-gradient(circle at 32% 24%,#fff1f2db,#0000 24%),linear-gradient(135deg,#fda4af 0%,#e11d48 46%,#881337 100%)}.petal-spark{left:var(--spark-left);opacity:0;width:5px;height:5px;animation:petalSparkFloat var(--spark-duration) ease-in-out infinite;animation-delay:var(--spark-delay);background:#d6b56d;border-radius:999px;position:absolute;bottom:-30px;box-shadow:0 0 14px #d6b56dbf,0 0 32px #d6b56d47}@keyframes petalFloatUp{0%{transform:translate3d(0, 0, 0) rotate(calc(var(--petal-rotate) * -1)) scale(.72);opacity:0}10%{opacity:.9}34%{transform:translate3d(var(--petal-drift), -34vh, 0) rotate(var(--petal-rotate)) scale(1);opacity:.92}62%{transform:translate3d(calc(var(--petal-drift) * -.45), -68vh, 0) rotate(calc(var(--petal-rotate) * 2.2)) scale(.92);opacity:.72}to{transform:translate3d(calc(var(--petal-drift) * .28), -108vh, 0) rotate(calc(var(--petal-rotate) * 4)) scale(1.08);opacity:0}}@keyframes petalSparkFloat{0%{opacity:0;transform:translate(0,0)scale(.5)}15%{opacity:.85}55%{opacity:.8;transform:translate(18px,-52vh)scale(1)}to{opacity:0;transform:translate(-12px,-102vh)scale(.55)}}@media (width<=640px){.floating-petal{width:calc(var(--petal-size) * .82);height:calc(var(--petal-size) * 1.4)}}.real-rose-field{z-index:96;pointer-events:none;position:fixed;inset:0;overflow:hidden}.floating-real-rose{left:var(--rose-left);width:var(--rose-size);opacity:0;object-fit:contain;height:auto;filter:blur(var(--rose-blur)) drop-shadow(0 0 12px #f472b62e) drop-shadow(0 0 26px #d6b56d1a);transform-origin:50%;animation:realRoseFloatUp var(--rose-duration) ease-in-out infinite;animation-delay:var(--rose-delay);position:absolute;bottom:-110px}@keyframes realRoseFloatUp{0%{transform:translate3d(0, 0, 0) rotate(calc(var(--rose-rotate) * -1)) scale(.72);opacity:0}12%{opacity:var(--rose-opacity)}38%{transform:translate3d(var(--rose-drift), -36vh, 0) rotate(var(--rose-rotate)) scale(1);opacity:var(--rose-opacity)}68%{transform:translate3d(calc(var(--rose-drift) * -.45), -72vh, 0) rotate(calc(var(--rose-rotate) * 2)) scale(.92);opacity:calc(var(--rose-opacity) * .82)}to{transform:translate3d(calc(var(--rose-drift) * .25), -112vh, 0) rotate(calc(var(--rose-rotate) * 3.4)) scale(1.08);opacity:0}}@media (width<=640px){.floating-real-rose{width:calc(var(--rose-size) * .78)}}.quiet-note-card{border-color:#5eead438}.quiet-note-box{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 50% 0,#14b8a61a,#0000 48%),#0206175c;border:1px solid #5eead42e;border-radius:28px;max-width:760px;margin:34px auto 0;padding:28px;position:relative;box-shadow:0 24px 70px #00000042,inset 0 1px #ffffff0d}.quiet-note-box .room-letter{text-align:left;margin-top:20px}.quiet-note-box .room-letter:first-child{color:#fff7d6;margin-top:0;font-weight:700}@media (width<=640px){.quiet-note-box{border-radius:24px;padding:22px 18px}.quiet-note-box .room-letter{text-align:left}}