@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{color:#2f2529;font-synthesis:none;text-rendering:optimizelegibility;background:#f4ece8;font-family:Outfit,IBM Plex Sans Thai,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f4ece8;min-width:320px;margin:0}button,audio{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh;overflow-x:hidden}.gate{z-index:100;color:#fff;background:radial-gradient(circle at 70% 20%,#8b364b26,#0000 32%),#0c090b;place-items:center;transition:opacity 1s,visibility 1s;display:grid;position:fixed;inset:0}.gate-open{opacity:0;visibility:hidden;pointer-events:none}.gate-grain{opacity:.2;pointer-events:none;background-image:radial-gradient(#ffffff38 .7px,#0000 .7px);background-size:7px 7px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 90%);mask-image:linear-gradient(#000000b3,#0000 90%)}.gate-center{text-align:center;width:min(760px,100%);padding:24px;position:relative}.eyebrow,.section-kicker,.song-kicker,.voice-overline{letter-spacing:.22em;font-size:11px;font-weight:700}.age-wrap{place-items:center;height:clamp(180px,34vw,390px);margin:4px 0 2px;display:grid;position:relative}.age{letter-spacing:-.08em;font-family:Outfit,IBM Plex Sans Thai,sans-serif;font-size:clamp(160px,36vw,410px);line-height:.8;position:absolute}.age-back{color:#0000;-webkit-text-stroke:1px #fff3;transform:translate(12px,12px)}.age-front{background:linear-gradient(145deg,#fff7ef 20%,#dcbfc2 50%,#9f5162 95%);color:#0000;-webkit-background-clip:text}.gate-copy{color:#b6a9ae;max-width:430px;margin:0 auto 24px}.open-button,.ending-button,.voice-button,.final-close{color:inherit;letter-spacing:.12em;background:0 0;border:1px solid #ffffff40;border-radius:999px;padding:14px 22px;font-size:11px;transition:all .25s}.open-button:hover,.final-close:hover{color:#111;background:#fff}.gate-bottom{letter-spacing:.3em;color:#756a70;font-size:11px;position:absolute;bottom:24px}.birthday-world{opacity:0;transition:all 1.2s;transform:translateY(22px)}.birthday-world-visible{opacity:1;transform:none}.section-pad{padding:clamp(72px,9vw,140px) clamp(18px,5vw,72px)}.hero{background:linear-gradient(#f8f0ec 0%,#f4e5e2 100%);place-items:center;min-height:92vh;display:grid;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:2;position:relative}.hero h1{letter-spacing:-.075em;margin:10px 0 0;font-size:clamp(64px,15vw,180px);line-height:.79}.hero h1 span{color:#9f5162;font-family:Outfit,IBM Plex Sans Thai,sans-serif;font-style:italic;font-weight:600;display:block}.partner-name{margin:26px 0 12px;font-family:Outfit,IBM Plex Sans Thai,sans-serif;font-size:clamp(26px,4vw,50px)}.hero-note{color:#756469;max-width:540px;margin:auto;line-height:1.8}.hero-orbit{filter:blur(1px);border:1px solid #9f51622e;border-radius:50%;position:absolute}.orbit-one{width:520px;height:520px;top:-100px;right:-130px}.orbit-two{width:320px;height:320px;bottom:-60px;left:-70px}.section-head{color:#846f75;letter-spacing:.18em;align-items:center;gap:14px;max-width:1040px;margin:0 auto 28px;font-size:12px;display:flex}.section-head span{border:1px solid;border-radius:999px;padding:6px 10px}.letter-section{background:#fbf7f4}.letter-card{background:#fffdfb;border:1px solid #eaded9;border-radius:36px;max-width:1040px;margin:auto;padding:clamp(26px,6vw,68px);font-size:clamp(16px,1.7vw,20px);line-height:2;box-shadow:0 28px 70px #4c313814}.letter-opening{color:#8d4354;margin-top:0;font-family:Outfit,IBM Plex Sans Thai,sans-serif;font-size:clamp(28px,4vw,48px)}.letter-signoff{color:#9f5162;font-weight:700}.voice-section{color:#fff;background:#1a1115}.light-head{color:#d8c6ca}.voice-card{background:radial-gradient(circle at 20% 20%,#b1556959,#0000 38%),#24171c;border:1px solid #ffffff17;border-radius:40px;grid-template-columns:minmax(260px,420px) 1fr;align-items:center;gap:clamp(32px,6vw,80px);max-width:1040px;margin:auto;padding:clamp(28px,5vw,64px);display:grid}.voice-disc-wrap{place-items:center;display:grid}.voice-disc{aspect-ratio:1;background:repeating-radial-gradient(circle,#1a1115 0 4px,#3a252d 5px 8px);border-radius:50%;place-items:center;width:min(70vw,330px);display:grid;box-shadow:0 0 0 10px #ffffff08}.disc-spinning{animation:5s linear infinite spin}.disc-label{aspect-ratio:1;color:#1d1116;background:#c88995;border-radius:50%;place-items:center;width:34%;font-family:Outfit,IBM Plex Sans Thai,sans-serif;font-size:42px;display:grid}.voice-copy h2,.song-card h2,.ending-card h2{margin:10px 0 24px;font-family:Outfit,IBM Plex Sans Thai,sans-serif;font-size:clamp(42px,6vw,82px);line-height:.95}.voice-button{color:#2a181f;background:#f5e5df;border-color:#0000}.voice-line{color:#d8c8cc;min-height:58px;margin-top:30px;font-size:18px;line-height:1.5}.song-section{background:linear-gradient(135deg,#f3e2dd,#ead5d8 45%,#f8eadb)}.song-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff94;border:1px solid #fffc;border-radius:38px;grid-template-columns:1.1fr .9fr;align-items:center;gap:36px;max-width:1040px;margin:auto;padding:clamp(28px,5vw,64px);display:grid}.song-note{color:#75646a;line-height:1.8}.song-player{background:#ffffffb8;border:1px solid #70485321;border-radius:28px;min-width:0;padding:24px;box-shadow:0 22px 60px #5c2e3917}.song-play-button{color:#fff;letter-spacing:.12em;background:linear-gradient(135deg,#7e3748,#a85a6b);border:0;border-radius:20px;justify-content:center;align-items:center;gap:13px;width:100%;min-height:74px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 16px 35px #6f304038}.song-play-button:hover{transform:translateY(-2px);box-shadow:0 20px 42px #6f304047}.song-play-button.is-playing{background:linear-gradient(135deg,#42242d,#7e3748)}.song-play-icon{background:#ffffff29;border-radius:50%;place-items:center;width:36px;height:36px;font-size:14px;display:grid}.song-progress-wrap{margin-top:20px}.song-progress{accent-color:#8f4052;cursor:pointer;width:100%}.song-time{color:#79646b;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:7px;font-size:12px;display:flex}.song-error{color:#9b3f55;margin:12px 0 0;font-size:13px}.song-after{text-align:center;opacity:0;max-width:760px;max-height:0;margin:30px auto 0;padding:0 28px;transition:opacity .8s,transform .8s,max-height .9s,padding .8s;overflow:hidden;transform:translateY(24px)scale(.98)}.song-after-show{opacity:1;max-height:360px;padding:28px;transform:translateY(0)scale(1)}.song-after:before{content:"";position:absolute}.song-after-icon{font-size:34px;animation:1.8s ease-in-out infinite guitarBob;display:inline-block}.song-after-title{color:#5c2f3a;margin:10px 0 7px;font-family:Outfit,IBM Plex Sans Thai,sans-serif;font-size:clamp(28px,4vw,44px)}.song-after p:not(.song-after-title){color:#75646a;margin:5px 0;line-height:1.7}.song-after-last{font-weight:700;color:#874456!important}.ring-easter{place-items:center;margin:30px auto 26px;display:grid}.ring-button{color:#fff;letter-spacing:.12em;cursor:pointer;background:#ffffff14;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:10px;padding:12px 18px;font-size:11px;font-weight:800;transition:transform .25s,background .25s,border-color .25s;display:inline-flex}.ring-button:hover{background:#ffffff24;border-color:#ffffff8c;transform:translateY(-2px)rotate(-1deg)}.ring-button span:first-child{font-size:20px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.ring-button-open span:first-child{transform:rotate(22deg)scale(1.25)}.ring-message{opacity:0;max-height:0;transition:all .55s;overflow:hidden;transform:translateY(10px)}.ring-message-show{opacity:1;max-height:150px;padding-top:16px;transform:translateY(0)}.ring-message p{color:#ead9dd!important;margin:0 0 4px!important}.ring-message strong{color:#fff;font-size:20px;display:block}@keyframes guitarBob{0%,to{transform:translateY(0)rotate(-7deg)}50%{transform:translateY(-6px)rotate(7deg)}}.ending-section{background:#f9f2ed}.ending-card{text-align:center;color:#fff;background:linear-gradient(145deg,#8f4052,#4a252f);border-radius:44px;max-width:900px;margin:auto;padding:clamp(44px,8vw,100px) 24px;box-shadow:0 30px 80px #5c2e3933}.ending-card p:not(.section-kicker){color:#ead9dd;max-width:620px;margin:0 auto 28px;line-height:1.8}.ending-button{color:#5b2b37;background:#fff5ef;border:0}.final-screen{z-index:200;color:#fff;opacity:0;visibility:hidden;background:#0b080a;place-items:center;padding:24px;transition:all .7s;display:grid;position:fixed;inset:0}.final-screen-show{opacity:1;visibility:visible}.final-inner{text-align:center}.final-small{letter-spacing:.3em;color:#a9969d;font-size:11px}.final-inner h2{background:linear-gradient(135deg,#fff,#d29aa6);color:#0000;-webkit-background-clip:text;margin:16px 0;font-family:Outfit,IBM Plex Sans Thai,sans-serif;font-size:clamp(54px,11vw,132px);line-height:.9}.final-heart{font-size:40px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.voice-card,.song-card{grid-template-columns:1fr}.voice-copy{text-align:center}.voice-line{min-height:76px}.hero{min-height:78vh}.letter-card{border-radius:26px}}.birthday-number-flip{perspective:1200px;filter:drop-shadow(0 28px 54px #00000057);width:min(76vw,500px);height:clamp(210px,34vw,390px);margin:8px auto 10px;position:relative}.birthday-number-inner{transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.16,.84,.2,1);position:absolute;inset:0;transform:rotateY(0)scale(.96)}.birthday-number-flip.is-flipped .birthday-number-inner{transform:rotateY(180deg)scale(1)}.birthday-number-face{backface-visibility:hidden;letter-spacing:-.075em;background:linear-gradient(145deg,#fff8f0 8%,#e9bdc7 42%,#bd657c 72%,#d7b17a 100%) 0 0/180% 180%;color:#0000;-webkit-background-clip:text;place-items:center;font-family:Outfit,IBM Plex Sans Thai,sans-serif;font-size:clamp(170px,34vw,410px);font-style:italic;line-height:.8;animation:4s ease-in-out infinite ageShimmer;display:grid;position:absolute;inset:0}.birthday-number-front{transform:rotateY(0)}.birthday-number-back{transform:rotateY(180deg)}.birthday-number-flip:after{content:"";filter:blur(22px);pointer-events:none;background:#bd657c45;border-radius:50%;width:min(64%,310px);height:28px;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.ready-copy{opacity:0;transition:all .7s .35s;transform:translateY(12px)}.ready-copy-show{opacity:1;transform:translateY(0)}.gate-ready .gate-ring-one{animation:18s linear infinite ringSpin}.gate-ready .gate-ring-two{animation:24s linear infinite ringSpinReverse}.gate-ready .gate-glow-left{animation:6s ease-in-out infinite alternate gateGlowFloat}.gate-ready .gate-glow-right{animation:7s ease-in-out 1s infinite alternate-reverse gateGlowFloat}.scroll-reveal{opacity:0;transition:opacity .9s,transform 1.05s cubic-bezier(.2,.7,.2,1);transform:translateY(44px)}.scroll-reveal.scroll-reveal-show{opacity:1;transform:translateY(0)}.hero-blob{animation:9s ease-in-out infinite alternate blobFloat}.hero-blob-two{animation-duration:11s;animation-delay:-3s}.hero-spark{animation:4.8s ease-in-out infinite alternate sparkFloat}.spark-two{animation-delay:-1.8s}.letter-card{transition:transform .4s,box-shadow .4s}@media (hover:hover) and (pointer:fine){.letter-card:hover{transform:translateY(-6px);box-shadow:0 36px 86px #4c313824}}@keyframes ageShimmer{0%,to{background-position:0%}50%{background-position:100%}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes ringSpinReverse{to{transform:rotate(-360deg)}}@keyframes gateGlowFloat{0%{transform:translate(0,0)scale(1)}to{transform:translate(5%,-4%)scale(1.15)}}@keyframes blobFloat{0%{transform:translate(-8px,8px)scale(.96)}to{transform:translate(16px,-18px)scale(1.08)}}@keyframes sparkFloat{0%{opacity:.22;transform:translateY(0)rotate(-9deg)scale(.94)}to{opacity:.42;transform:translateY(-18px)rotate(8deg)scale(1.06)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.gate-glow{aspect-ratio:1;filter:blur(90px);opacity:.22;pointer-events:none;border-radius:999px;width:min(48vw,560px);position:absolute}.gate-glow-left{background:#8d2f4d;top:10%;left:-18%}.gate-glow-right{background:#d3a06c;bottom:-10%;right:-20%}.gate-title{color:#f5e6e0;margin:-4px 0 10px;font-family:Outfit,IBM Plex Sans Thai,sans-serif;font-size:clamp(22px,3vw,38px);font-style:italic}.open-button{background:linear-gradient(135deg,#b55b6947,#d7b77d21);min-width:220px;padding:16px 26px;box-shadow:0 16px 44px #00000047}.open-button:not(:disabled):hover{color:#111;background:#fff;transform:translateY(-2px)scale(1.02)}.gate-opening .gate-center{animation:1.35s cubic-bezier(.2,.7,.2,1) forwards gateCenterOut}.gate-opening .gate-glow-left{animation:1.4s forwards glowBurstLeft}.gate-opening .gate-glow-right{animation:1.4s forwards glowBurstRight}.gate-opening:before,.gate-opening:after{content:"";z-index:5;background:#0c090b;width:51%;animation-duration:.9s;animation-timing-function:cubic-bezier(.72,0,.2,1);animation-delay:.9s;animation-fill-mode:forwards;position:absolute;top:0;bottom:0}.gate-opening:before{animation-name:curtainLeft;left:0}.gate-opening:after{animation-name:curtainRight;right:0}.opening-message{z-index:4;text-align:center;opacity:0;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0;transform:scale(.88)}.gate-opening .opening-message{animation:1.35s .15s forwards openingMessage}.opening-message span{letter-spacing:.28em;color:#c9afb7;font-size:clamp(10px,1.2vw,14px)}.opening-message strong{background:linear-gradient(135deg,#fff6ef,#eaa4b6 55%,#d5b477);color:#0000;-webkit-background-clip:text;margin-top:12px;font-family:Outfit,IBM Plex Sans Thai,sans-serif;font-size:clamp(68px,14vw,180px);font-style:italic;line-height:.85;display:block}.hero-spark{color:#9f516240;font-size:clamp(42px,8vw,100px);position:absolute}.spark-one{top:16%;left:8%;transform:rotate(-12deg)}.spark-two{bottom:14%;right:8%}.hero-scroll{color:#8d4354;letter-spacing:.16em;border-bottom:1px solid #8d43544d;margin-top:30px;padding-bottom:6px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.birthday-world{visibility:hidden}.birthday-world-visible{visibility:visible}@keyframes gateCenterOut{0%,45%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}@keyframes openingMessage{0%{opacity:0;filter:blur(14px);transform:scale(.88)}30%,68%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(8px);transform:scale(1.06)}}@keyframes curtainLeft{to{transform:translate(-102%)}}@keyframes curtainRight{to{transform:translate(102%)}}@keyframes glowBurstLeft{to{opacity:.55;transform:scale(1.6)translate(30%)}}@keyframes glowBurstRight{to{opacity:.45;transform:scale(1.5)translate(-25%)}}.memory-section{color:#fff;background:radial-gradient(circle at 15% 20%,#9436523d,#0000 30%),radial-gradient(circle at 85% 72%,#cd9d631f,#0000 34%),#0d090b;position:relative;overflow:hidden}.memory-section:before{content:"";pointer-events:none;opacity:.16;background-image:radial-gradient(#ffffff80 .6px,#0000 .6px);background-size:9px 9px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.memory-head{z-index:2;color:#d7c4ca;position:relative}.memory-intro{z-index:2;text-align:center;max-width:760px;margin:0 auto 42px;position:relative}.memory-kicker{letter-spacing:.26em;color:#b8939e;margin:0 0 12px;font-size:10px;font-weight:700}.memory-intro h2{color:#fff5f1;margin:0;font-family:Outfit,IBM Plex Sans Thai,sans-serif;font-size:clamp(46px,7vw,92px);font-style:italic;line-height:.95}.memory-intro>p:last-child{color:#c7b6bc;max-width:560px;margin:20px auto 0;line-height:1.8}.polaroid-desk{z-index:2;width:min(1120px,100%);min-height:700px;margin:0 auto;position:relative}.polaroid-card{filter:drop-shadow(0 24px 28px #0000005c);transform-origin:50%;background:0 0;border:0;width:clamp(180px,23vw,300px);padding:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s;position:absolute}.polaroid-card img{width:100%;height:auto;display:block}.polaroid-1{top:8%;left:4%;transform:rotate(-8deg)}.polaroid-2{top:0;left:38%;transform:rotate(4deg)}.polaroid-3{top:10%;right:4%;transform:rotate(8deg)}.polaroid-4{top:48%;left:15%;transform:rotate(6deg)}.polaroid-5{top:44%;left:43%;transform:rotate(-5deg)}.polaroid-6{top:52%;right:8%;transform:rotate(3deg)}@media (hover:hover) and (pointer:fine){.polaroid-card:hover{z-index:8;filter:drop-shadow(0 34px 34px #00000075);transform:rotate(0)translateY(-18px)scale(1.055)}}.polaroid-card:focus-visible{outline-offset:8px;z-index:10;outline:2px solid #f4ccd5}.memory-hint{z-index:2;text-align:center;letter-spacing:.2em;color:#8f7b81;margin:24px 0 0;font-size:10px;font-weight:700;position:relative}.photo-lightbox{z-index:180;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.lightbox-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:zoom-out;background:#050304e8;border:0;position:absolute;inset:0}.lightbox-content{z-index:2;place-items:center;width:min(92vw,620px);display:grid;position:relative}.lightbox-content img{filter:drop-shadow(0 30px 55px #0009);width:auto;max-width:min(82vw,470px);height:auto;max-height:78vh;display:block}.lightbox-content>p{color:#b9a7ad;letter-spacing:.24em;margin:16px 0 0;font-size:10px}.lightbox-close,.lightbox-nav{z-index:3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#140d10b8;border:1px solid #ffffff38;border-radius:999px;place-items:center;width:46px;height:46px;display:grid;position:absolute}.lightbox-close{font-size:26px;top:0;right:0}.lightbox-nav{font-size:22px;top:50%;transform:translateY(-50%)}.lightbox-prev{left:-64px}.lightbox-next{right:-64px}.lightbox-close:hover,.lightbox-nav:hover{color:#1a1014;background:#fff}@media (width<=760px){.polaroid-desk{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px 8px;min-height:0;display:grid}.polaroid-card{width:100%;position:relative;inset:auto!important}.polaroid-1{transform:rotate(-4deg)}.polaroid-2{transform:rotate(3deg)}.polaroid-3{transform:rotate(2deg)}.polaroid-4{transform:rotate(-3deg)}.polaroid-5{transform:rotate(4deg)}.polaroid-6{transform:rotate(-2deg)}.lightbox-prev{left:4px}.lightbox-next{right:4px}.lightbox-close{top:-52px;right:4px}.lightbox-content img{max-width:86vw;max-height:72vh}}.song-copy-wrap{min-width:0}.song-visual-stack{justify-items:center;gap:24px;min-width:0;display:grid}.song-vinyl{aspect-ratio:1;transform-origin:50%;will-change:transform;background:radial-gradient(circle,#0000 0 9%,#000000f2 9.5% 12%,#0000 12.5%),repeating-radial-gradient(circle,#ffffff0b 0 1px,#0000 1.5px 5px),conic-gradient(from 18deg,#090709,#2b1a20 8%,#0b080a 18%,#3d222b 28%,#090709 38%,#25171c 52%,#070607 64%,#342029 76%,#080607 88%,#25171c);border-radius:50%;place-items:center;width:clamp(190px,19vw,270px);display:grid;position:relative;overflow:hidden;box-shadow:0 34px 62px #3a182247,0 0 0 1px #ffffff29,inset 0 0 34px #ffffff0b,inset 0 0 0 8px #0003}.song-vinyl:before{content:"";background:conic-gradient(from 210deg, transparent 0 33%, #ffffff1f 40%, transparent 47% 100%);opacity:.65;pointer-events:none;border-radius:50%;position:absolute;inset:4%}.song-vinyl:after{content:"";aspect-ratio:1;z-index:3;background:#f5e9e3;border-radius:50%;width:9px;position:absolute;box-shadow:0 0 0 3px #00000073}.song-vinyl-label{z-index:2;aspect-ratio:1;color:#fff7f3;letter-spacing:.13em;background:radial-gradient(circle,#0000 0 7%,#833c4e 8% 100%),#833c4e;border-radius:50%;align-content:center;justify-items:center;gap:2px;width:34%;display:grid;position:relative;box-shadow:0 0 0 2px #ffffff14,inset 0 0 20px #ffffff14}.song-vinyl-label strong{font-size:clamp(11px,1.1vw,15px)}.song-vinyl-label span{letter-spacing:0;font-family:Outfit,IBM Plex Sans Thai,sans-serif;font-size:clamp(20px,2.4vw,32px);line-height:.9}.song-vinyl.disc-spinning{animation-duration:4.8s}.song-player{width:100%}@media (width<=760px){.song-visual-stack{gap:20px}.song-vinyl{width:min(62vw,230px)}.song-card{gap:28px}}:root{--ink:#28232c;--wine:#a34c65;--pink:#ff7f97;--lavender:#8f8cff;--sky:#65cbd0;--cream:#fff9f5;font-family:Outfit,IBM Plex Sans Thai,sans-serif}body{color:var(--ink)}.hero h1,.partner-name,.letter-opening,.voice-copy h2,.song-card h2,.ending-card h2,.song-after-title,.final-inner h2,.memory-intro h2,.opening-message strong,.birthday-number-face,.gate-title,.disc-label,.song-vinyl-label span{font-family:Outfit,IBM Plex Sans Thai,sans-serif;font-style:normal}.hero h1{letter-spacing:-.07em;font-weight:800}.hero h1 span{background:linear-gradient(115deg,#ff737f 5%,#f19ab5 35%,#8e8cf4 67%,#60c8cc 98%) 0 0/180% 180%;color:#0000;-webkit-background-clip:text;font-style:normal;font-weight:800;animation:8s ease-in-out infinite heroGradient}.partner-name,.letter-opening{letter-spacing:-.035em;font-weight:650}.voice-copy h2,.song-card h2,.ending-card h2,.memory-intro h2,.final-inner h2{letter-spacing:-.045em;font-weight:700}.memory-intro h2{font-style:normal}.gate-title{font-style:normal;font-weight:600}.opening-message strong{letter-spacing:-.045em;font-style:normal;font-weight:750}.birthday-number-face{letter-spacing:-.085em;font-style:normal;font-weight:700}.hero{isolation:isolate;background:radial-gradient(circle at 50% 42%,#ffffffeb 0 20%,#ffffff94 46%,#0000 72%),linear-gradient(135deg,#fff6f7 0%,#fbf3ff 48%,#f2fbfb 100%)}.hero:before,.hero:after{content:"";pointer-events:none;z-index:0;filter:blur(8px);opacity:.56;border-radius:999px;animation:11s ease-in-out infinite alternate pastelOrbDrift;position:absolute}.hero:before{aspect-ratio:1;background:radial-gradient(circle at 38% 34%,#ffffffc2,#ff839994 34%,#ffb1b53b 70%,#0000 76%);width:clamp(180px,24vw,390px);top:7%;left:clamp(-150px,-7vw,-45px);box-shadow:0 0 90px #ff809838}.hero:after{aspect-ratio:1;background:radial-gradient(circle at 40% 40%,#ffffffad,#918fff7a 36%,#62ccd040 68%,#0000 76%);width:clamp(220px,29vw,470px);animation-delay:-3.5s;bottom:6%;right:clamp(-180px,-8vw,-55px);box-shadow:0 0 100px #7496ff2e}.hero-blob{pointer-events:none;z-index:0;filter:blur(3px);opacity:.42;border-radius:999px;display:block;position:absolute}.hero-blob-one{aspect-ratio:1;background:radial-gradient(circle at 32% 28%,#fff,#ffb8cda8 38%,#c19bf533 75%,#0000 78%);width:clamp(100px,13vw,210px);top:10%;right:14%}.hero-blob-two{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#fff,#ffd29ea8 38%,#ff90922e 74%,#0000 78%);width:clamp(90px,11vw,180px);bottom:13%;left:14%}.hero-orbit{opacity:.55;border-color:#7467971c}.orbit-one{animation:18s linear infinite softOrbit}.orbit-two{animation:23s linear infinite softOrbitReverse}.hero-spark{z-index:1;color:#69527540;text-shadow:0 0 20px #ffffffb3;font-size:clamp(18px,2.8vw,38px)}.hero-content{z-index:3}.hero-note{font-size:clamp(15px,1.35vw,18px)}.hero-scroll{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff9e;border:1px solid #5b48641f;border-radius:999px;padding:13px 20px;box-shadow:0 12px 30px #50384b12}.hero-marquee{opacity:.58}.letter-section,.song-section,.ending-section{isolation:isolate;position:relative;overflow:hidden}.letter-section:before,.song-section:before,.ending-section:before,.letter-section:after,.song-section:after,.ending-section:after{content:"";pointer-events:none;z-index:-1;filter:blur(18px);opacity:.28;border-radius:999px;animation:13s ease-in-out infinite alternate sectionOrbFloat;position:absolute}.letter-section:before{aspect-ratio:1;background:radial-gradient(circle,#ff95ab94,#0000 70%);width:260px;top:18%;left:-90px}.letter-section:after{aspect-ratio:1;background:radial-gradient(circle,#9391f56b,#0000 72%);width:310px;animation-delay:-4s;bottom:10%;right:-120px}.song-section:before{aspect-ratio:1;background:radial-gradient(circle,#75c9cf61,#0000 70%);width:260px;top:3%;right:-80px}.song-section:after{aspect-ratio:1;background:radial-gradient(circle,#ff8fa661,#0000 70%);width:230px;animation-delay:-6s;bottom:3%;left:-70px}.ending-section:before{aspect-ratio:1;background:radial-gradient(circle,#ffbe9957,#0000 70%);width:220px;top:12%;left:-80px}.ending-section:after{aspect-ratio:1;background:radial-gradient(circle,#918ff545,#0000 70%);width:250px;animation-delay:-5s;bottom:8%;right:-90px}.letter-card,.song-card{-webkit-backdrop-filter:blur(18px)}.letter-card{background:#fffdfbd1}.song-card{background:#ffffff9e}.letter-section .section-head:after,.song-section .section-head:after,.ending-section .ending-card:before{content:"·  ✦  ·";color:#815b722e;letter-spacing:.55em;pointer-events:none;font-size:14px;animation:5s ease-in-out infinite alternate tinyFloat;position:absolute}.letter-section .section-head,.song-section .section-head{position:relative}.letter-section .section-head:after{top:2px;right:3%}.song-section .section-head:after{top:2px;right:5%}.ending-card{position:relative;overflow:hidden}.ending-section .ending-card:before{color:#ffffff3d;top:22px;right:28px}@keyframes heroGradient{0%,to{background-position:0%}50%{background-position:100%}}@keyframes pastelOrbDrift{0%{transform:translate(0,0)scale(.96)}to{transform:translate(24px,-18px)scale(1.06)}}@keyframes sectionOrbFloat{0%{transform:translate(-6px,8px)scale(.96)}to{transform:translate(18px,-15px)scale(1.08)}}@keyframes softOrbit{to{transform:rotate(360deg)}}@keyframes softOrbitReverse{to{transform:rotate(-360deg)}}@keyframes tinyFloat{0%{opacity:.45;transform:translateY(0)}to{opacity:.9;transform:translateY(-8px)}}@media (width<=760px){.hero:before{top:5%;left:-110px}.hero:after{bottom:10%;right:-130px}.hero-blob-one{top:15%;right:4%}.hero-blob-two{bottom:17%;left:2%}.partner-name{margin-top:20px}.letter-section .section-head:after,.song-section .section-head:after{display:none}}