@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500;600&family=Noto+Serif+KR:wght@400;500;600&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--paper:#fbf7f4;--card:#f1e8df;--card-top:#fbf7f4;--ink:#7f6d5c;--ink-dark:#675747;--line:#d7cfc3;--sage:#879063;--gold:#cda456}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);font-kerning:normal;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#d7cfc3;font-family:Cormorant Garamond,Noto Serif KR,Georgia,serif}.invitation{background:var(--paper);flex-direction:column;width:min(100%,480px);min-height:100svh;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 0 48px #43312224}.hero{z-index:1;aspect-ratio:1/1.08;isolation:isolate;background:#d9e0e8;border-radius:0 0 50% 50%/0 0 26px 26px;width:100%;position:relative;overflow:hidden}.hero__photo,.hero__veil{width:100%;height:100%;position:absolute;inset:0}.hero__photo{z-index:-2;object-fit:cover;object-position:var(--photo-position,50% 56%);display:block}.hero__veil{z-index:-1;background:linear-gradient(#1c321906,#0000 35% 76%,#1c32190b)}.lettering-png{z-index:2;filter:drop-shadow(.5px .8px #492c191a);pointer-events:none;width:min(84%,400px);height:auto;display:block;position:absolute;top:2.5%;left:50%;transform:translate(-50%)rotate(-.4deg)}.sparkles i{background:#fffdf8;border-radius:50%;width:3px;height:3px;animation:3.2s ease-in-out infinite twinkle;position:absolute}.sparkles i:before,.sparkles i:after{content:"";background:#fffdf8;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.sparkles i:before{width:1px;height:13px}.sparkles i:after{width:13px;height:1px}.sparkles i:first-child{top:8%;left:10%}.sparkles i:nth-child(2){animation-delay:-1.2s;top:20%;right:11%}.sparkles i:nth-child(3){animation-delay:-2.1s;top:44%;left:8%}.sparkles i:nth-child(4){animation-delay:-.6s;top:53%;right:10%}.sparkles i:nth-child(5){animation-delay:-2.7s;top:74%;left:14%}.sparkles i:nth-child(6){animation-delay:-1.7s;top:84%;right:8%}.daisy{--daisy-size:50px;--daisy-delay:0s;width:var(--daisy-size);height:calc(var(--daisy-size) * 1.55);color:#fffdf6f0;opacity:0;transform-origin:50% 100%;animation:bloomCycle 20s var(--daisy-delay) ease-in-out infinite;position:absolute}.daisy__flower{aspect-ratio:1;width:48%;position:absolute;top:0;left:50%;transform:translate(-50%)rotate(-2deg)}.daisy__flower i{--petal-angle:0deg;--petal-length:80%;--petal-width:42%;--petal-bend:0deg;--petal-index:0;width:var(--petal-width);height:var(--petal-length);transform-origin:50% 100%;transform:translate(-50%, -100%) rotate(var(--petal-angle)) skewX(var(--petal-bend)) scaleY(.1);opacity:0;animation:sketchPetal .5s calc(var(--daisy-delay) + .18s + var(--petal-index) * 55ms) cubic-bezier(.3,.1,.2,1) both;border:1.35px solid;border-radius:58% 45% 52% 42%/72% 68% 42% 38%;position:absolute;top:50%;left:50%;box-shadow:inset .55px -.35px #fffffb7a,.55px .28px #fff9ec2e}.daisy__flower i:after{content:"";border-left:.65px solid #fffcf48c;border-radius:60%;position:absolute;inset:3px 2px 2px 3px;transform:rotate(3deg)}.daisy__flower b{animation:centerPencil .35s calc(var(--daisy-delay) + .76s) both;background:repeating-radial-gradient(circle at 35% 42%,#e2b255 0 1px,#d09d41 1.5px 2.5px,#dfae50 3px 4px);border-radius:47% 53% 45% 55%;position:absolute;inset:29%;box-shadow:0 0 0 1px #ffffff5c}.daisy__stem{background:repeating-linear-gradient(to bottom, var(--sage) 0 3px, #9ba17a94 3.5px 5px);transform-origin:top;width:1.4px;height:64%;animation:sketchStem .58s var(--daisy-delay) ease-out both;position:absolute;top:28%;left:51%;transform:rotate(16deg)scaleY(0)}.daisy__leaf{border:1.15px solid var(--sage);opacity:0;width:22%;height:11%;animation:leafPencil .35s calc(var(--daisy-delay) + .52s) ease-out both;border-radius:85% 15% 80% 20%;position:absolute}.daisy__leaf--one{top:54%;left:50%;transform:rotate(25deg)}.daisy__leaf--two{top:69%;left:28%;transform:rotate(190deg)}.daisy--one{top:16%;left:5%;transform:rotate(-10deg)}.daisy--two{top:17%;right:6%;transform:rotate(13deg)}.daisy--three{top:52%;right:4%;transform:rotate(9deg)}.daisy--four{top:67%;left:5%;transform:rotate(-15deg)}.daisy--five{top:76%;right:10%;transform:rotate(12deg)}.paper{z-index:0;text-align:center;background:radial-gradient(circle at 50% 0, #fffdf9 0, var(--paper) 70%);flex:1;min-height:clamp(360px,42svh,460px);margin-top:-26px;padding:52px 18px 36px;position:relative;box-shadow:0 -7px 18px #5743320d}.couple-title{margin:0}.couple-title img{width:min(87%,370px);height:auto;margin:0 auto;display:block}.coming-soon{color:var(--ink-dark);letter-spacing:.025em;margin:5px 0 15px;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(15px,4.2vw,18px);font-weight:400;line-height:1}.floral-rule{width:min(310px,75%);color:var(--gold);align-items:center;gap:10px;margin:0 auto 18px;display:flex}.floral-rule span{background:var(--line);flex:1;height:1px}.floral-rule b{font-size:19px;font-weight:400}.clock{color:var(--ink);justify-content:center;align-items:flex-end;gap:clamp(2px,1vw,5px);margin:0 auto 23px;display:flex}.flip-group{flex-direction:column;align-items:center;gap:6px;display:flex}.flip-label{letter-spacing:.08em;font:500 clamp(8px,2.15vw,10px)/1 Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.flip-digits{perspective:420px;gap:2px;display:flex}.clock__colon{padding-bottom:16px;font:500 15px/1 Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.digit{background:linear-gradient(to bottom, var(--card-top) 0 49.5%, var(--card) 50.5% 100%);letter-spacing:-.035em;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1, "tnum" 1;border:1px solid #6e594b1a;border-radius:6px;place-items:center;width:clamp(27px,8vw,35px);height:clamp(44px,12.6vw,57px);font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(28px,8.2vw,39px);font-weight:500;line-height:1;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 7px #462d1e1a,inset 0 1px #ffffff8c}.digit:after{content:"";background:#6e594b29;height:1px;position:absolute;top:50%;left:0;right:0}.digit__value{transform:translateY(1px)}.digit__fold{background:linear-gradient(to bottom, var(--card-top) 0 49.5%, var(--card) 50.5% 100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1, "tnum" 1;transform-origin:50%;place-items:center;animation:.42s cubic-bezier(.35,.05,.25,1) both flipIn;display:grid;position:absolute;inset:0}.date{color:var(--ink);letter-spacing:.11em;margin:0;font:500 clamp(14px,3.8vw,17px)/1.35 Cormorant Garamond,serif}.venue{color:var(--ink-dark);letter-spacing:.09em;margin:8px 0 0;font:500 12px/1.35 Noto Serif KR,serif}.bottom-flourish{width:fit-content;color:var(--gold);opacity:.62;margin:18px auto 0;font:400 14px/1 Cormorant Garamond,Georgia,serif;display:block}.sprig{background:var(--sage);opacity:.58;width:52px;height:1px;position:absolute;top:57%}.sprig--left{left:-22px;transform:rotate(-56deg)}.sprig--right{right:-22px;transform:rotate(56deg)scaleX(-1)}.sprig i{border:1px solid var(--sage);transform-origin:0;border-radius:90% 10%;width:15px;height:7px;position:absolute}.sprig i:first-child{top:-7px;left:8px;transform:rotate(-34deg)}.sprig i:nth-child(2){top:2px;left:20px;transform:rotate(204deg)}.sprig i:nth-child(3){top:-7px;left:33px;transform:rotate(-31deg)}.sprig i:nth-child(4){top:2px;left:44px;transform:rotate(204deg)}.sprig i:nth-child(5){top:-7px;left:56px;transform:rotate(-27deg)}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}@keyframes bloomCycle{0%,2%{opacity:0;scale:.88}6%,28%{opacity:.96;rotate:none;scale:1}32%{opacity:0;rotate:1.8deg;scale:.97}33%,to{opacity:0}}@keyframes sketchStem{0%{opacity:.15;transform:rotate(16deg)scaleY(0)}70%{opacity:.9}to{opacity:1;transform:rotate(16deg)scaleY(1)}}@keyframes sketchPetal{0%{opacity:0;transform:translate(-50%, -100%) rotate(var(--petal-angle)) skewX(var(--petal-bend)) scaleY(.08)}65%{opacity:.8}to{opacity:1;transform:translate(-50%, -100%) rotate(var(--petal-angle)) skewX(var(--petal-bend)) scaleY(1)}}@keyframes leafPencil{0%{opacity:0;scale:.2}to{opacity:1;scale:1}}@keyframes centerPencil{0%{opacity:0;scale:.35}to{opacity:1;scale:1}}@keyframes flipIn{0%{filter:brightness(.88);transform:rotateX(-88deg)}to{filter:brightness();transform:rotateX(0)}}@media (min-width:481px){body{padding:18px 0}.invitation{border-radius:18px;min-height:calc(100svh - 36px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.daisy{opacity:0}.daisy--one,.daisy--three,.daisy--four{opacity:.92}}