@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=Noto+Sans+KR:wght@400;500&display=swap";
:root{--cream:#faf7f0;--ink:#4d514e;--muted:#85827b;--rose:#b37c89;--blue:#667e9f;--aquamarine:#74afa8;--platinum:#b5bdc7;--line:#e8e2d8;--serif:"DM Serif Display",Georgia,serif;--sans:"DM Sans","Noto Sans KR",sans-serif}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}::selection{background:#e8d5db}svg{display:block}.birthday-page{background:radial-gradient(ellipse at 4% 41%,#f2e4e65c 0,transparent 32%),radial-gradient(ellipse at 98% 37%,#cce8e280 0,transparent 34%),var(--cream);min-height:100svh;overflow:hidden}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:30px 56px;display:flex}.wordmark{font-family:var(--serif);letter-spacing:-.8px;color:var(--ink);align-items:center;gap:10px;font-size:25px;text-decoration:none;display:flex}.wordmark svg{width:19px;color:var(--rose);transform:rotate(-10deg)}.header-note{color:var(--muted);letter-spacing:.4px;font-size:12px}.header-date{letter-spacing:2px;color:#747a7c;align-items:center;gap:14px;font-size:10px;display:flex}.header-date span{color:var(--blue);font-size:15px}main{max-width:980px;margin:auto;padding:0 30px}.hero{text-align:center;padding-top:58px}.eyebrow{letter-spacing:2.1px;color:#8d8a80;justify-content:center;align-items:center;gap:16px;margin:0;font-size:10px;font-weight:600;display:flex}.tiny-star{color:#b8aa82;font-size:14px}.title-wrap{max-width:800px;margin:20px auto 0;position:relative}h1{font-family:var(--serif);letter-spacing:-2.5px;margin:0;font-size:clamp(52px,6.2vw,78px);font-weight:400;line-height:1.07}h1 em{color:var(--rose);font-weight:400}.hero-flower{width:86px;position:absolute;top:37px;left:3px;transform:rotate(-14deg)}.hero-gift{width:108px;position:absolute;top:18px;right:0;transform:rotate(8deg)}.gift-illustration{width:100%}.gift-sparkle{color:var(--blue);font-size:31px;position:absolute;top:5px;left:-16px}.small-sparkle{color:#b9ab86;font-size:20px;position:absolute;bottom:5px;right:-10px}.hero-description{color:#84817a;letter-spacing:.1px;margin:22px 0;font-size:14px}.date-pill{letter-spacing:1.2px;color:#777b7a;background:#fffdf74d;border:1px solid #e5ded4;border-radius:30px;align-items:center;gap:11px;padding:10px 17px;font-size:10px;display:inline-flex}.aquamarine-diamond{filter:drop-shadow(0 1px 1px #74afa820);flex-shrink:0;width:24px;height:22px;transform:rotate(-12deg)}.pill-divider{border-left:1px solid #dcd5c9;height:10px}.date-pill [lang]{letter-spacing:.3px;color:#8a8780;font-size:10px}.countdown{grid-template-columns:repeat(4,1fr);gap:14px;max-width:632px;margin:30px auto 0;display:grid}.countdown-unit{background:#fcf9f3;border:1px solid #e5dfd5;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;height:125px;display:flex;position:relative;box-shadow:0 3px #ede8de66}.countdown-unit:after{content:"✧";color:#c4b9a2;font-size:13px;position:absolute;top:9px;right:12px}.unit-1{background:linear-gradient(145deg,#eff8f5,#dcefeb);border-color:#b5d6cf;box-shadow:0 3px #c4ddd633}.unit-1:after{color:var(--aquamarine)}.unit-2{background:#f3eff5b0;border-color:#e6dfe8}.unit-2:after{color:#bdadca}.unit-3{background:#f8edefa6;border-color:#ecdde1}.unit-3:after{color:#cba2ac}.count-number{font-family:var(--serif);font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:58px;font-weight:400;line-height:1.1}.count-label{text-transform:uppercase;letter-spacing:2px;color:#8d8a81;margin-top:7px;font-size:9px}.timezone-note{color:#928e85;letter-spacing:.2px;justify-content:center;align-items:center;gap:6px;margin:18px 0 0;font-size:10px;display:flex}.little-clock{border:1px solid #aaa59b;border-radius:50%;width:10px;height:10px;position:relative}.little-clock:after{content:"";border-bottom:1px solid #aaa59b;border-left:1px solid #aaa59b;width:2px;height:4px;position:absolute;top:1px;left:4px}.secret-card{text-align:center;background:#fffdf8;border:1px solid #e8e1d7;border-radius:19px;max-width:660px;min-height:336px;margin:49px auto 0;padding:34px 34px 22px;position:relative;box-shadow:0 7px 22px #7b695d05}.secret-card:before{content:"";background:#e5e0eed9;border-left:2px dotted #d7d0e1;border-right:2px dotted #d7d0e1;width:74px;height:22px;position:absolute;top:-11px;left:calc(50% - 37px);transform:rotate(-4deg)}.card-pin{display:none}.secret-card .eyebrow{letter-spacing:1.8px;color:#a69a8a;font-size:9px}h2{font-family:var(--serif);letter-spacing:-.6px;margin:14px 0 0;font-size:34px;font-weight:400;line-height:1.2}h2 em{color:var(--blue);font-weight:400}.secret-description{color:#918b82;margin:12px 0 0;font-size:12px}.button-arena{isolation:isolate;height:124px;margin:0 -10px;position:relative}.answer-button{border:1px solid var(--platinum);color:#626d80;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(155deg,#fff 0%,#f2f4f6 27%,#d8dde3 48%,#f9fafb 65%,#e4e8ed 100%);border-radius:30px;justify-content:center;align-items:center;gap:18px;width:118px;height:45px;font-size:12px;font-weight:500;transition:left .19s cubic-bezier(.2,.8,.2,1),top .19s cubic-bezier(.2,.8,.2,1),box-shadow .16s;display:flex;position:absolute;box-shadow:0 3px 7px #62687b18,inset 0 1px 2px #fff,inset 0 -1px 2px #a9b2bf40}.yes-button{z-index:2;top:28px;left:calc(50% - 132px)}.yes-button span{color:#819bb6;font-size:19px}.yes-button.has-escaped{box-shadow:0 5px 12px #667e9f20}.no-button{cursor:pointer;color:#7f727d;touch-action:manipulation;background:linear-gradient(155deg,#fff 0%,#f2f4f6 27%,#d8dde3 48%,#f9fafb 65%,#e4e8ed 100%);top:28px;left:calc(50% + 14px)}.no-button svg{color:#719f9a;width:14px}.no-button:hover{border-color:#95b8b3;box-shadow:0 3px 9px #74afa826,inset 0 1px 2px #fff}.no-button:active{transform:scale(.97)}.teasing-note{font-family:var(--serif);color:#a39a8c;min-height:18px;margin:-6px 0 0;font-size:13px;font-style:italic}.teasing-note span{color:#b49099;margin-right:4px;font-style:normal}.love-note{justify-content:center;align-items:center;gap:15px;margin:29px auto 0;display:flex}.love-note svg{color:#bb969f;width:13px}.note-line{background:#dfd6c9;width:39px;height:1px}.korean-note{text-align:center;letter-spacing:1.1px;color:#8a8179;margin:13px 0 0;font-size:12px;font-weight:400}.translation{font-family:var(--serif);text-align:center;color:#a1988b;margin:7px 0 32px;font-size:13px;font-style:italic}footer{border-top:1px solid var(--line);letter-spacing:.3px;color:#aaa294;justify-content:space-between;align-items:center;max-width:1168px;margin:auto;padding:21px 0 25px;font-size:10px;display:flex}footer>span:last-child{align-items:center;gap:7px;display:flex}footer svg{color:#b598a1;width:11px}.success{padding:9px 0 0}.heart-burst{width:58px;height:58px;margin:0 auto 22px;position:relative}.big-heart{color:#bd8696;fill:#f6e0e7;width:58px;height:58px;animation:.8s cubic-bezier(.2,.8,.3,1) both heart-pop}.burst-heart{color:#c393a3;opacity:0;animation:heart-float 1.5s ease-out var(--delay) both;transform:rotate(var(--angle));font-size:21px;position:absolute;top:18px;left:20px}.success h2{margin-top:13px}.success h2 em{color:var(--rose)}.success-note{color:#a38c91;margin:15px 0;font-size:12px}.reset-button{color:#9c9286;cursor:pointer;background:0 0;border:0;padding:10px;font-size:10px}.reset-button span{margin-left:4px}.reset-button:hover{color:var(--rose)}@keyframes heart-pop{0%{opacity:0;transform:scale(.1)}45%{opacity:1;transform:scale(1.18)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes heart-float{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) rotate(calc(-1 * var(--angle))) scale(.4)}25%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(-76px) rotate(calc(-1 * var(--angle))) scale(.9)}}.sparkle-button{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;isolation:isolate;padding:0;overflow:visible}.diamond-button{background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:22px;display:inline-flex;position:relative}.diamond-button:before{content:"";position:absolute;inset:-11px}.sparkle-button:focus-visible{outline-color:var(--aquamarine)}.sparkle-burst{pointer-events:none;z-index:3;border-radius:inherit;position:absolute;inset:0}.sparkle-burst:after{content:"";border-radius:inherit;background:linear-gradient(110deg,#0000 36%,#ffffffb3 48%,#0000 60%) 0 0/250% 100%;animation:1s ease-out both gem-sheen;position:absolute;inset:0}.sparkle-particle{fill:#f6fffc;stroke:#79bcb4;stroke-width:.8px;filter:drop-shadow(0 0 3px #8ed6cb);opacity:0;width:15px;height:15px;animation:gem-sparkle 1.15s ease-out var(--delay) both;margin:-7.5px;position:absolute}.diamond-button .sparkle-particle{width:12px;height:12px;margin:-6px}@keyframes gem-sheen{0%{opacity:0;background-position:100% 0}20%{opacity:1}to{opacity:0;background-position:0 0}}@keyframes gem-sparkle{0%{opacity:0;transform:scale(.2)rotate(-20deg)}25%{opacity:1;transform:scale(1.2)rotate(10deg)}55%{opacity:.9}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.35) rotate(35deg)}}.gift-button,.flower-button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0;display:block;overflow:visible}.gift-button{border-radius:12px;width:100%;position:relative}.gift-button:before,.flower-button:before{content:"";position:absolute;inset:-8px}.gift-wobble{transform-origin:50% 82%;display:block}.gift-wobble.is-rattling{animation:.85s ease-in-out both present-rattle}.gift-rattle-lines{pointer-events:none;stroke:#7fada5;stroke-width:2.5px;stroke-linecap:round;width:128%;height:auto;position:absolute;top:-8%;left:-14%;overflow:visible}.gift-rattle-lines g{opacity:0;animation:.9s ease-out both present-motion-lines}.gift-rattle-lines .rattle-right{animation-delay:60ms}.gift-rattle-lines .rattle-top{stroke:#b6a0bd;animation-delay:.1s}.flower-button{--bee-distance:140px;z-index:2;border-radius:12px}.flower-illustration{width:100%;height:auto}.bee-flight{pointer-events:none;opacity:0;width:29px;animation:2s ease-in-out both bee-fly-by;position:absolute;top:22%;left:0}.bee-flight:before{content:"";opacity:.7;border-top:1px dashed #c0b59c;width:18px;position:absolute;top:17px;left:-19px}.bee-flight svg{width:100%;overflow:visible}.bee-wings{transform-origin:24px 16px;animation:.12s ease-in-out infinite alternate bee-wing-flutter}@keyframes present-rattle{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-2px,-1px)rotate(-5deg)}22%{transform:translate(3px,-2px)rotate(7deg)}34%{transform:translate(-3px,-1px)rotate(-7deg)}46%{transform:translate(2px,-2px)rotate(6deg)}58%{transform:translate(-2px)rotate(-4deg)}70%{transform:translate(1px,-1px)rotate(3deg)}84%{transform:rotate(-1deg)}}@keyframes present-motion-lines{0%,to{opacity:0}14%,36%,58%,78%{opacity:.9}25%,47%,69%{opacity:.3}}@keyframes bee-fly-by{0%{opacity:0;transform:translate(-35px,20px)rotate(-8deg)}12%{opacity:1;transform:translate(-15px,5px)rotate(8deg)}30%{opacity:1;transform:translate(calc(var(--bee-distance)*.2),-9px) rotate(-8deg)}48%{opacity:1;transform:translate(calc(var(--bee-distance)*.4),3px) rotate(7deg)}65%{opacity:1;transform:translate(calc(var(--bee-distance)*.6),-8px) rotate(-6deg)}82%{opacity:1;transform:translate(calc(var(--bee-distance)*.8),-17px) rotate(-12deg)}to{opacity:0;transform:translate(var(--bee-distance),-35px) rotate(-15deg)}}@keyframes bee-wing-flutter{0%{transform:scaleY(.65)}to{transform:scaleY(1.08)}}@media (max-width:620px){.flower-button{--bee-distance:90px}.bee-flight{width:24px}}@media (min-width:1450px){.hero{padding-top:75px}.secret-card{margin-top:60px}.translation{margin-bottom:48px}}@media (max-width:800px){.site-header{padding:24px 30px}.header-note{display:none}.hero-flower{width:64px;top:42px;left:0}.hero-gift{width:83px;top:29px;right:0}h1{font-size:65px}.title-wrap{max-width:650px}footer{margin:0 30px}}@media (max-width:620px){main{padding:0 20px}.site-header{padding:22px 23px}.wordmark{font-size:23px}.header-date{gap:8px;font-size:9px}.hero{padding-top:39px}.eyebrow{letter-spacing:1.7px;gap:10px;font-size:8px}.title-wrap{margin-top:23px}h1{letter-spacing:-1.4px;font-size:clamp(43px,10.2vw,61px);line-height:1.1}.hero-flower{opacity:.85;width:40px;top:65px;left:-9px}.hero-gift{opacity:.85;width:49px;top:69px;right:-8px}.gift-sparkle{font-size:19px;top:0;left:-8px}.small-sparkle{font-size:12px;right:-2px}.hero-description{margin:21px 0 20px;font-size:12px}.date-pill{letter-spacing:.8px;gap:8px;padding:9px 13px;font-size:8px}.date-pill [lang]{font-size:9px}.countdown{gap:8px;margin-top:25px}.countdown-unit{border-radius:11px;height:103px}.count-number{letter-spacing:-1px;font-size:clamp(35px,9.5vw,50px)}.count-label{letter-spacing:1.3px;margin-top:7px;font-size:7px}.countdown-unit:after{font-size:10px;top:6px;right:7px}.timezone-note{margin-top:15px;font-size:9px}.secret-card{border-radius:16px;min-height:325px;margin-top:39px;padding:30px 20px 20px}.secret-card .eyebrow{letter-spacing:1.4px;font-size:8px}h2{margin-top:15px;font-size:30px}.secret-description{margin-top:12px;font-size:11px}.button-arena{height:150px;margin:0 -12px}.answer-button{width:104px;height:43px}.yes-button{left:calc(50% - 116px)}.no-button{left:calc(50% + 12px)}.teasing-note{font-size:12px}.love-note{margin-top:26px}.korean-note{font-size:11px}.translation{margin-bottom:26px;font-size:12px}footer{margin:0 23px;padding:19px 0 22px;font-size:8px}.success{padding-top:5px}.success h2{font-size:31px}.heart-burst{margin-bottom:20px}}@media (max-width:380px){h1{font-size:36px}h2{font-size:26px}.hero-flower{width:33px;top:46px}.hero-gift{width:39px;top:49px}.success h2{font-size:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.big-heart{opacity:1}.burst-heart{display:none}.sparkle-particle{opacity:1}.sparkle-burst:after{opacity:0}.gift-rattle-lines g{opacity:.8}.bee-flight{opacity:1;transform:translate(24px,-8px)}}