@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";
@import "https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Gaegu:wght@400;700&display=swap";
@font-face{font-family:Cafe24 Ssurround;src:url(/fonts/cafe24-ssurround.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Cafe24 Ssurround Air;src:url(/fonts/cafe24-ssurround-air.woff2)format("woff2");font-weight:400;font-display:swap}[data-track=baby]{--baby-bg:#fff;--baby-surface:#fbf7f1;--baby-surface-2:#f5eee3;--baby-fg:#2e2a27;--baby-muted:#9a938a;--baby-border:#efeae2;--baby-accent:#c9a86b;--baby-point-main:#f6e2a8;--baby-point-sub:#f4a98e;--baby-radius-sm:12px;--baby-radius-md:20px;--baby-radius-lg:28px;--baby-radius-xl:36px;--baby-radius-full:9999px;--baby-shadow-sm:0 1px 2px #3a35310a;--baby-shadow-md:0 10px 30px #3a35310f;--baby-shadow-lg:0 20px 50px #3a353114;--font-baby-display:"Cafe24 Ssurround", "Gowun Batang", system-ui, sans-serif;--font-baby-display-air:"Cafe24 Ssurround Air", "Cafe24 Ssurround", system-ui, sans-serif;--font-baby-body:"Pretendard Variable", Pretendard, system-ui, sans-serif;--font-baby-hand:"Gaegu", cursive;background-color:var(--baby-bg);color:var(--baby-fg);font-family:var(--font-baby-body);-webkit-font-smoothing:antialiased}
@keyframes baby-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.baby-float{animation:4s ease-in-out infinite baby-float}.baby-grain{background-image:radial-gradient(#3a353107 .5px,#0000 .5px);background-size:4px 4px}.baby-reveal{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(22px)}.baby-reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.baby-reveal{opacity:1;transition:none;transform:none}.baby-float,.baby-marquee,.baby-bounce{animation:none}}@keyframes baby-bounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.baby-bounce{animation:1.8s ease-in-out infinite baby-bounce}@keyframes baby-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.baby-marquee{animation:40s linear infinite baby-marquee}.baby-marquee:hover{animation-play-state:paused}.baby-scroll-x{scrollbar-width:none;-ms-overflow-style:none}.baby-scroll-x::-webkit-scrollbar{display:none}
.baby-glass-header{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--baby-border);background-color:#ffffffbf;transition:background-color .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.pebble-chip{background-color:var(--baby-bg);border:1px solid var(--baby-border);box-shadow:var(--baby-shadow-md);border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-radius .4s}.pebble-chip:hover{border-radius:70% 30% 52% 48%/60% 40%;transform:scale(1.05)rotate(1deg)}.baby-timeline{padding-left:2rem;position:relative}.baby-timeline:before{content:"";background-image:linear-gradient(to bottom, var(--baby-accent) 50%, transparent 50%);background-size:2px 8px;width:2px;position:absolute;top:8px;bottom:8px;left:6px}.baby-timeline-item{padding-bottom:2rem;position:relative}.baby-timeline-item:last-child{padding-bottom:0}.baby-timeline-dot{border-radius:var(--baby-radius-full);border:2px solid var(--baby-bg);background-color:var(--baby-point-sub);width:14px;height:14px;box-shadow:0 0 0 2px var(--baby-accent);transition:transform .3s;position:absolute;top:6px;left:-2rem}.baby-timeline-item:hover .baby-timeline-dot{background-color:var(--baby-point-main);transform:scale(1.3)}.baby-timeline-content{background-color:var(--baby-bg);border:1px solid var(--baby-border);border-radius:var(--baby-radius-lg);box-shadow:var(--baby-shadow-sm);padding:1rem 1.25rem;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}.baby-timeline-content:hover{box-shadow:var(--baby-shadow-md);transform:translateY(-3px)}.baby-lightbox-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);animation:fade-in-smooth .3s var(--ease-smooth);background-color:#2e2a27e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fade-in-smooth{0%{opacity:0}to{opacity:1}}.baby-lightbox-image{object-fit:contain;border-radius:var(--baby-radius-lg);max-width:90%;max-height:80vh;animation:.4s cubic-bezier(.34,1.56,.64,1) zoom-in-bounce;box-shadow:0 25px 50px -12px #00000080}@keyframes zoom-in-bounce{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.baby-carousel-card{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}.baby-carousel-card:hover{transform:translateY(-6px)scale(1.03);box-shadow:var(--baby-shadow-lg)!important}.baby-focus-card{transform-origin:50%;will-change:transform, opacity}@media (prefers-reduced-motion:reduce){.baby-focus-card{opacity:1!important;transform:none!important}}.baby-input-chip{transition:border-color .3s,box-shadow .3s;border-radius:var(--baby-radius-full)!important;border:1px solid var(--baby-border)!important;background-color:var(--baby-bg)!important;color:var(--baby-fg)!important}.baby-input-chip:focus{border-color:var(--baby-accent)!important;box-shadow:0 0 0 3px #c9a86b26!important}.baby-input-chip::placeholder,input::placeholder,textarea::placeholder{opacity:.8;color:#9a938a!important;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif!important;font-size:13px!important}.baby-bubble-card{background-color:var(--baby-bg);border:1px solid var(--baby-border);border-radius:var(--baby-radius-lg) var(--baby-radius-lg) var(--baby-radius-lg) 4px;box-shadow:var(--baby-shadow-sm);padding:1rem 1.25rem;transition:transform .3s;position:relative}.baby-bubble-card:hover{transform:translateY(-2px)}.baby-bento-card{background-color:var(--baby-bg);border:1px solid var(--baby-border);border-radius:var(--baby-radius-xl);box-shadow:var(--baby-shadow-sm);flex-direction:column;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .4s;display:flex;overflow:hidden}.baby-bento-card:hover{box-shadow:var(--baby-shadow-lg);border-color:var(--baby-accent);transform:translateY(-4px)scale(1.01)}.polaroid-frame{border:1px solid var(--baby-border);background-color:#fff;border-radius:6px;padding:14px 14px 32px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),box-shadow .5s;transform:rotate(-1.5deg);box-shadow:0 4px 6px #3a353105,0 10px 20px #3a35310a,0 20px 40px #3a35310f}.polaroid-frame:hover{transform:rotate(1deg)scale(1.03);box-shadow:0 10px 15px #3a35310a,0 20px 30px #3a353114,0 40px 60px #3a35311f}.sticker-tape-premium{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:20;clip-path:polygon(0% 12%,10% 5%,20% 15%,30% 8%,40% 18%,50% 10%,60% 17%,70% 6%,80% 14%,90% 4%,100% 10%,98% 85%,90% 95%,80% 87%,70% 98%,60% 91%,50% 99%,40% 89%,30% 97%,20% 92%,10% 96%,0% 88%);background-color:#f6e2a8bf;width:90px;height:24px;transition:transform .3s;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 1px 4px #0000000a}.sticker-tape-premium:hover{transform:translate(-50%)rotate(-2deg)scale(1.05)}.traditional-grid-bg{background-color:#fff;background-image:linear-gradient(#c9a86b1f 1px,#0000 1px),linear-gradient(90deg,#c9a86b1f 1px,#0000 1px);background-size:24px 24px;border:1px solid #c9a86b33}.traditional-line{justify-content:center;align-items:center;height:12px;display:flex;position:relative}.traditional-line:before,.traditional-line:after{content:"";background:var(--baby-accent);width:40px;height:1px}.traditional-knot{border:1px solid var(--baby-accent);background:var(--baby-bg);width:8px;height:8px;margin:0 6px;transform:rotate(45deg)}.blob-bg-1,.blob-bg-2{mix-blend-mode:multiply;filter:blur(45px);opacity:.65;pointer-events:none;z-index:0;will-change:transform;border-radius:50%;animation:9s ease-in-out infinite blob-float;position:absolute}.blob-bg-1{background-color:var(--baby-point-main);width:170px;height:170px}.blob-bg-2{background-color:var(--baby-point-sub);width:140px;height:140px;animation-delay:2.5s}@keyframes blob-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(35px,-35px)scale(1.15)}66%{transform:translate(-25px,25px)scale(.92)}}.mini-calendar-day.marked{color:#fff;z-index:1;font-weight:800;position:relative}.mini-calendar-day.marked:after{content:"♥";color:var(--baby-point-main);z-index:-1;opacity:.95;font-size:15px;animation:1.4s ease-in-out infinite heart-beat;position:absolute;transform:scale(1.7)}@keyframes heart-beat{0%,to{transform:scale(1.6)}14%{transform:scale(2)}28%{transform:scale(1.8)}42%{transform:scale(2.1)}70%{transform:scale(1.6)}}.baby-bubble-card:after{content:"";border-style:solid;border-width:6px 6px 0 0;border-color:var(--baby-border) transparent transparent transparent;width:0;height:0;position:absolute;bottom:-6px;left:-1px}.baby-bubble-card:before{content:"";border-style:solid;border-width:5px 5px 0 0;border-color:var(--baby-bg) transparent transparent transparent;z-index:10;width:0;height:0;position:absolute;bottom:-4px;left:0}.premium-arch-frame{outline:1px solid var(--baby-border);transition:transform .5s var(--ease-smooth);border:4px solid #fff;border-radius:120px 120px 0 0;box-shadow:0 10px 25px #3a35310d,0 20px 45px #3a353114}.premium-arch-frame:hover{transform:scale(1.02)}.star-spin{transform-origin:50%;animation:12s linear infinite star-rotate}@keyframes star-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.insta-grid-item{transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s;position:relative;overflow:hidden}.insta-grid-item:hover{box-shadow:var(--baby-shadow-md);z-index:10;transform:translateY(-4px)scale(1.04)rotate(1deg)}.reel-play-glow{background:#ffffffe6;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .3s;box-shadow:0 0 20px #ffffff80,0 4px 15px #0000001a}.reel-play-glow:hover{background:#fff;transform:scale(1.15)}.riso-overlay-layer{mix-blend-mode:color-burn;opacity:.15;pointer-events:none;z-index:5;background-image:radial-gradient(circle,#333 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}.minimal-emboss-border{border:1px solid var(--baby-border);position:relative}.minimal-emboss-border:after{content:"";pointer-events:none;border-radius:inherit;border:1px solid #c9a86b4d;position:absolute;inset:4px}.gold-silk-pin{background:var(--baby-accent);border-radius:50%;width:4px;height:4px;box-shadow:0 1px 2px #0003}.baby-bento-card-premium{background-color:var(--baby-bg);border:1px solid var(--baby-border);border-radius:var(--baby-radius-xl);box-shadow:var(--baby-shadow-sm);flex-direction:column;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1),border-color .6s;display:flex;position:relative;overflow:hidden}[data-design=clay] .baby-bento-card,[data-design=clay] .baby-bento-card-premium,[data-design=clay] .baby-timeline-content,[data-design=clay] .baby-bubble-card,[data-design=clay] .polaroid-frame{background:linear-gradient(135deg,#fff 0%,#faf8f5 100%);transition:all .35s cubic-bezier(.175,.885,.32,1.275);border-radius:var(--baby-radius-xl)!important;border:2px solid #ffffffd9!important;box-shadow:0 20px 40px #786e5f0a,0 8px 16px #786e5f05,inset 6px 6px 12px #fff,inset -6px -6px 12px #786e5f08!important}[data-design=clay] .baby-bento-card:hover,[data-design=clay] .baby-bento-card-premium:hover,[data-design=clay] .baby-timeline-content:hover,[data-design=clay] .baby-bubble-card:hover,[data-design=clay] .polaroid-frame:hover{transform:translateY(-5px)scale(1.015);box-shadow:0 28px 56px #786e5f12,0 10px 20px #786e5f08,inset 6px 6px 12px #fff,inset -6px -6px 12px #786e5f08!important}[data-design=clay] button,[data-design=clay] .clay-btn{color:#5c5850;text-shadow:0 1px #fffc;background:linear-gradient(135deg,#fff 0%,#f5f3ed 100%);font-weight:800;transition:all .25s cubic-bezier(.175,.885,.32,1.275);border:2px solid #ffffffb3!important;border-radius:24px!important;box-shadow:0 8px 16px #786e5f0a,inset 3px 3px 6px #ffffffe6,inset -3px -3px 8px #786e5f08!important}[data-design=clay] button:hover,[data-design=clay] .clay-btn:hover{transform:translateY(-3px);box-shadow:0 12px 24px #786e5f0f,inset 3px 3px 6px #ffffffe6,inset -3px -3px 8px #786e5f05!important}[data-design=clay] button:active,[data-design=clay] .clay-btn:active{transform:translateY(3px)scale(.96);box-shadow:0 4px 8px #786e5f05,inset 3px 3px 6px #786e5f14,inset -3px -3px 6px #ffffffb3!important}[data-design=clay] button.bg-amber-500,[data-design=clay] button[class*=bg-peach],[data-design=clay] button[class*=bg-point]{text-shadow:0 1px #fff6;background:var(--baby-point-main)!important;color:var(--baby-point-fg,#7a3530)!important;border:2px solid #fff9!important;box-shadow:0 8px 16px #786e5f14,inset 3px 3px 6px #ffffffbf,inset -3px -3px 8px #00000026!important}[data-design=clay] button.bg-amber-500:hover,[data-design=clay] button[class*=bg-peach]:hover,[data-design=clay] button[class*=bg-point]:hover{box-shadow:0 12px 24px #786e5f1f,inset 3px 3px 6px #fffc,inset -3px -3px 8px #0000001a!important}[data-design=clay] button.bg-amber-500:active,[data-design=clay] button[class*=bg-peach]:active,[data-design=clay] button[class*=bg-point]:active{box-shadow:0 4px 8px #786e5f0a,inset 3px 3px 6px #0003,inset -3px -3px 6px #ffffff80!important}[data-design=clay] input,[data-design=clay] textarea{transition:all .25s;background:#faf6ee!important;border:2px solid #fff6!important;border-radius:24px!important;box-shadow:inset 3px 3px 6px #786e5f0a,inset -3px -3px 6px #fffffff2!important}[data-design=clay] input:focus,[data-design=clay] textarea:focus{outline:none;border:2.5px solid var(--baby-point-sub)!important;background:#fff!important;box-shadow:0 8px 16px #b5ead733,inset 2px 2px 4px #786e5f05,inset -2px -2px 4px #fffffff2!important}[data-design=clay] .clay-badge-peach{border-radius:50px;background:linear-gradient(135deg, #ffc5c1 0%, var(--baby-point-main) 100%)!important;border:2px solid #fff9!important;box-shadow:0 8px 16px #ffb7b233,inset 3px 3px 6px #fffc,inset -3px -3px 6px #ba5c5626!important}[data-design=clay] h1,[data-design=clay] h2,[data-design=clay] h3{text-shadow:1px 1px #ffffffe6!important}[data-design=clay]{font-family:var(--font-baby-body), sans-serif}[data-design=clay] h1,[data-design=clay] h2,[data-design=clay] h3,[data-design=clay] .font-display,[data-design=clay] .clay-hero-heading,[data-design=clay] .clay-dday-sticker,[data-design=clay] button,[data-design=clay] .clay-btn{font-family:var(--font-baby-display), sans-serif!important}[data-design=clay] h2.title,[data-design=clay] h2[class*=title]{justify-content:center;align-items:center;margin-left:auto;margin-right:auto;color:#5c5850!important;text-shadow:0 1px #fffc!important;background:linear-gradient(135deg,#fff 0%,#f6f3ee 100%)!important;border:2px solid #fffc!important;border-radius:24px!important;margin-bottom:28px!important;padding:10px 28px!important;font-size:16px!important;display:inline-flex!important;box-shadow:0 8px 16px #786e5f0a,inset 3px 3px 6px #fffffff2,inset -3px -3px 6px #786e5f08!important}[data-design=clay] .polaroid-frame{position:relative}[data-design=clay] .polaroid-frame:before{z-index:20;border:1px solid #fff6;width:14px;height:14px;position:absolute;top:-6px;left:50%;transform:translate(-50%);content:""!important;background:linear-gradient(135deg, #ffc5c1 0%, var(--baby-point-main) 100%)!important;border-radius:50%!important;box-shadow:0 4px 8px #ba5c5626,inset 2px 2px 4px #fff,inset -2px -2px 4px #ba5c561a!important}[data-design=clay] .baby-bubble-card:after{border-radius:0 0 10px;border-width:8px 8px 0 0!important;border-color:var(--baby-border) transparent transparent transparent!important;bottom:-8px!important;left:20px!important}[data-design=clay] .baby-bubble-card:before{border-radius:0 0 10px;border-width:7px 7px 0 0!important;border-color:var(--baby-bg) transparent transparent transparent!important;bottom:-6px!important;left:21px!important}[data-design=clay] [class*=AccountCard],[data-design=clay] .account-card,[data-design=clay] div[class*=accountWrap]>div>div{background:linear-gradient(135deg,#fff 0%,#faf8f5 100%)!important;border:2px solid #ffffffd9!important;border-radius:24px!important;box-shadow:0 16px 32px #786e5f0a,inset 6px 6px 12px #fffffff2,inset -6px -6px 12px #786e5f08!important}[data-design=clay] .clay-dday-sticker{z-index:30;transform:rotate(-10deg)translateY(4px)translate(-4px);background:var(--baby-point-main)!important;color:var(--baby-point-fg,#7a3530)!important;text-shadow:0 1px #fff6!important;border:3px solid #fff!important;border-radius:28px 28px 4px!important;box-shadow:0 8px 16px #786e5f14,inset 3px 3px 6px #fffc,inset -3px -3px 6px #0000001f!important}