:root{color:#49463f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#eeece7;font-family:Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}img{max-width:100%;display:block}h1,p,figure{margin:0}::selection{background:#e2d9cb}.invitation{background:#faf8f3;width:min(100%,480px);min-height:100svh;margin-inline:auto}.wedding-cover{text-align:center;padding:52px 24px 64px}.cover-heading{padding-bottom:30px}.eyebrow{letter-spacing:.25em;color:#827662;font-family:Baskerville,Times New Roman,serif;font-size:11px}.cover-message{letter-spacing:.06em;margin-top:19px;font-family:AppleMyungjo,Batang,serif;font-size:17px;line-height:1.8}.cover-photo{position:relative}.cover-photo img{aspect-ratio:2/3;width:100%;height:auto}.cover-photo figcaption{letter-spacing:.23em;color:#867e71;margin-top:12px;font-family:Baskerville,Times New Roman,serif;font-size:9px}.ceremony-details{padding-top:34px}.ceremony-details h1{letter-spacing:.08em;flex-wrap:wrap;justify-content:center;align-items:center;gap:17px;font-family:AppleMyungjo,Batang,serif;font-size:clamp(18px,5vw,22px);font-weight:400;line-height:1.8;display:flex}.names-divider{color:#9d8e76;font-family:Baskerville,Times New Roman,serif;font-size:18px;font-style:italic}.fine-line{background:#cfc4b3;width:24px;height:1px;margin:24px auto;display:block}.ceremony-date,.ceremony-venue{word-break:keep-all;overflow-wrap:anywhere;font-size:12px;line-height:1.9}.ceremony-venue{color:#807a70;margin-top:5px}@media (prefers-reduced-motion:no-preference){.cover-heading .eyebrow,.cover-message,.cover-photo,.ceremony-details h1,.ceremony-details .fine-line,.ceremony-date,.ceremony-venue{animation:1.5s cubic-bezier(.22,1,.36,1) both cover-reveal}.cover-message{animation-delay:.4s}.cover-photo{animation-delay:.9s}.ceremony-details h1{animation-delay:1.6s}.ceremony-details .fine-line{animation-delay:1.9s}.ceremony-date{animation-delay:2.2s}.ceremony-venue{animation-delay:2.5s}}@keyframes cover-reveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (width>=600px){.invitation{margin-block:32px;box-shadow:0 8px 48px #49463f0a}}.content-section{text-align:center;padding:68px 24px}.content-section h2{letter-spacing:.04em;word-break:keep-all;margin:19px 0 0;font-family:AppleMyungjo,Batang,serif;font-size:20px;font-weight:400;line-height:1.7}.greeting-section{border-top:1px solid #eee8dd}.greeting-copy{word-break:keep-all;overflow-wrap:anywhere;margin-top:36px;font-family:AppleMyungjo,Batang,serif;font-size:14px;line-height:2.2}.greeting-copy p{white-space:pre-line}.greeting-copy p+p{margin-top:22px}.family-lines{border-top:1px solid #e7e0d4;margin-top:40px;padding-top:28px;font-size:14px;line-height:2.4}.family-lines p{flex-wrap:wrap;justify-content:center;column-gap:7px;display:flex}.family-relation{color:#807a70;font-size:12px}.family-lines strong{font-weight:500}.calendar-section{background:#f3efe7}.calendar-section h2{letter-spacing:.07em;font-family:Baskerville,Times New Roman,serif;font-size:29px}.calendar-time{word-break:keep-all;margin-top:10px;font-size:12px;line-height:1.8}.wedding-calendar{table-layout:fixed;border-block:1px solid #ded6c8;width:100%;max-width:336px;margin:30px auto 0;padding-block:16px;font-size:13px}.wedding-calendar th{height:36px;font-weight:400}.wedding-calendar td{text-align:center;height:42px}.wedding-calendar tr>:first-child{color:#a45d59}.wedding-calendar tr>:last-child{color:#5d7182}.wedding-day{color:#fff;background:#8b765b;border-radius:50%;place-items:center;width:34px;height:34px;display:inline-grid}.dday{margin-top:32px}.dday-label{letter-spacing:.08em;color:#806b51;margin-bottom:14px;font-family:Baskerville,Times New Roman,serif;font-size:25px}.dday>p:last-child{word-break:keep-all;font-size:12px;line-height:2}.dday strong{color:#8b5f50;font-weight:500}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #8b765b}.section-note{color:#777166;word-break:keep-all;margin-top:14px;font-size:12px;line-height:1.9}.section-note a{color:inherit;text-underline-offset:3px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:30px;display:grid}.photo-tile{background:#e9e4db;border:0;padding:0;overflow:hidden}.photo-tile img{aspect-ratio:2/3;object-fit:cover;width:100%;height:auto}.photo-dialog{color:#fff;background:#151513;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;inset:0}.photo-dialog[open]{flex-direction:column;display:flex}.photo-dialog::backdrop{background:#151513}.photo-toolbar,.photo-controls{justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}.photo-toolbar{padding-top:max(12px, env(safe-area-inset-top))}.photo-controls{padding-bottom:max(16px, env(safe-area-inset-bottom))}.photo-controls span{color:#b9b6b0;font-size:12px}.photo-dialog button{color:#fff;background:0 0;border:1px solid #ffffff45;border-radius:4px;min-width:52px;min-height:44px;padding:8px 12px}.photo-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.photo-stage img{object-fit:contain;width:100%;height:100%}.location-section{background:#f3efe7}.venue-name{margin-top:30px;font-size:16px;font-weight:500;line-height:1.8}.location-address{word-break:keep-all;margin-top:10px;font-size:12px;line-height:1.9}.location-address span{color:#777166}.map-frame{background:#e9e4da;min-height:260px;margin-top:26px;position:relative}.kakao-map{width:100%;height:280px}.map-fallback{flex-direction:column;justify-content:center;align-items:center;padding:22px;display:flex;position:absolute;inset:0}.map-pin{color:#8b765b;margin-bottom:12px;font-size:36px}.map-fallback .section-note{margin-top:8px}.map-fallback a{color:#5c513f;text-underline-offset:4px;margin-top:18px;font-size:13px}.map-links{gap:10px;margin-top:14px;display:flex}.map-link{color:#49463f;background:#faf8f3;border:1px solid #d8d0c2;border-radius:3px;flex:1;justify-content:center;align-items:center;min-height:48px;padding:10px;font-size:13px;text-decoration:none;display:flex}.kakao-link{background:#f4e9b4;border-color:#e9dc9c}.travel-details{text-align:left;margin-top:36px}.travel-details>div{border-top:1px solid #ddd5c8;padding-block:24px}.travel-details h3{margin:0 0 14px;font-size:14px;font-weight:500}.travel-details p{word-break:keep-all;font-size:13px;line-height:1.9}.travel-details p+p{margin-top:10px}.subway-line{color:#fff;border-radius:20px;padding:0 8px;font-size:11px;display:inline-block}.line-one{background:#285a9c}.line-two{background:#398346}.parking-extra{color:#777166}.share-section{padding-bottom:max(48px, env(safe-area-inset-bottom))}.share-section h2{font-size:18px}.share-buttons{flex-direction:column;gap:10px;margin-top:28px;display:flex}.share-buttons button{border-radius:3px;min-height:48px;padding:12px 18px;font-size:14px}.share-primary{color:#fff;background:#82705a;border:1px solid #82705a}.share-copy{color:#49463f;background:0 0;border:1px solid #d8d0c2}.share-status{color:#777166;word-break:keep-all;min-height:24px;margin-top:14px;font-size:12px;line-height:1.8}.share-url{color:#49463f;background:#fff;border:1px solid #d8d0c2;width:100%;padding:12px;font-size:14px}.share-signature{letter-spacing:.12em;margin-top:32px;font-family:AppleMyungjo,Batang,serif;font-size:14px}.share-signature span{color:#9d8e76;margin-inline:10px}.share-kakao{color:#191919;background:#fee500;border:1px solid #fee500}.share-buttons button:disabled{cursor:wait;opacity:.65}.share-buttons .share-kakao{justify-content:center;align-items:center;gap:10px;display:flex}.share-kakao img{flex-shrink:0}.gallery-count{color:#777166;margin-top:18px;font-size:12px;line-height:1.8}.gallery-more{color:#49463f;background:0 0;border:1px solid #d8d0c2;border-radius:3px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:48px;margin-top:14px;padding:12px 18px;font-size:13px;display:flex}.gallery-more span{color:#82705a;font-size:12px}.gallery-more:hover{background:#f3efe7}.countdown-caption{word-break:keep-all;font-size:12px;line-height:2}.countdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:320px;margin:22px auto 0;display:grid}.countdown-unit{flex-direction:column;align-items:center;gap:10px;display:flex}.countdown-value{font-variant-numeric:tabular-nums;color:#806b51;font-family:Baskerville,Times New Roman,serif;font-size:clamp(26px,8vw,36px);line-height:1.2}.countdown-unit-label{color:#777166;font-size:11px}.account-section{border-bottom:1px solid #eee8dd}.account-groups{text-align:left;margin-top:30px}.account-group{border:1px solid #ded6c8;border-radius:4px;overflow:hidden}.account-group+.account-group{margin-top:12px}.account-group summary{cursor:pointer;background:#f3efe7;justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:16px 20px;font-size:14px;list-style:none;display:flex}.account-group summary::-webkit-details-marker{display:none}.account-group summary:focus-visible{outline-offset:-3px;outline:2px solid #8b765b}.account-toggle{border-bottom:1px solid #82705a;border-right:1px solid #82705a;width:8px;height:8px;margin-right:3px;transform:rotate(45deg)}.account-group[open] .account-toggle{transform:rotate(225deg)}.account-list{margin:0;padding:0 16px;list-style:none}.account-row{justify-content:space-between;align-items:center;gap:8px;padding-block:12px;display:flex}.account-row+.account-row{border-top:1px solid #eee8dd}.account-info{overflow-wrap:anywhere;min-width:0}.account-holder{font-size:14px;line-height:1.8}.account-holder span{color:#777166;margin-right:6px;font-size:12px}.account-bank{color:#777166;white-space:nowrap;margin-right:6px;font-size:12px}.account-number{font-variant-numeric:tabular-nums;font-size:13px;line-height:1.8}.account-copy{color:#82705a;background:0 0;border:0;border-radius:3px;flex-shrink:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.account-copy:hover{background:#f3efe7}.account-status{color:#777166;margin-top:16px;font-size:12px;line-height:1.8}.account-status:empty{display:none}.music-control{top:calc(16px + env(safe-area-inset-top,0px));z-index:20;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;right:max(16px,50vw - 224px)}.music-button{color:#82705a;pointer-events:auto;background:#faf8f3f2;border:1px solid #d8d0c2;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;display:grid;position:relative;box-shadow:0 2px 12px #49463f12}.music-indicator{color:#fff;background:#82705a;border-radius:50%;place-items:center;width:18px;height:18px;font-size:8px;display:grid;position:absolute;bottom:-1px;right:-2px}.music-status{color:#665a49;word-break:keep-all;background:#faf8f3f2;border:1px solid #e7e0d4;border-radius:4px;max-width:210px;margin:0;padding:8px 12px;font-size:11px;line-height:1.7}@media (prefers-reduced-motion:no-preference){.music-disc{animation:8s linear infinite paused music-spin}.is-playing .music-disc{animation-play-state:running}}@keyframes music-spin{to{transform:rotate(360deg)}}