:root{--color-bg: #FFFAF5;--color-bg-warm: #FFF3EA;--color-surface: #FFFFFF;--color-primary: #E8854A;--color-primary-light: #FCCBA0;--color-secondary: #FDE8D0;--color-accent: #C4864A;--color-accent-gold: #D4A04A;--color-text: #5C4033;--color-text-light: #8B7355;--color-text-muted: #B5A08A;--color-white: #FFFFFF;--color-success: #7CB69D;--color-error: #D98B8B;--font-display: "Nanum Myeongjo", serif;--font-body: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: clamp(.75rem, 2vw, .875rem);--text-sm: clamp(.875rem, 2.5vw, 1rem);--text-base: clamp(1rem, 3vw, 1.125rem);--text-lg: clamp(1.25rem, 4vw, 1.5rem);--text-xl: clamp(1.5rem, 5vw, 2rem);--text-2xl: clamp(2rem, 7vw, 3rem);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-cubic: cubic-bezier(.65, 0, .35, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--section-padding: clamp(60px, 15vw, 120px);--content-width: min(100vw, 480px);--content-padding: clamp(20px, 5vw, 32px);--card-radius: 16px;--button-radius: 12px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--kakao-top: 44px;--kakao-bottom: 56px;--inapp-top: calc(var(--safe-top) + var(--kakao-top));--inapp-bottom: calc(var(--safe-bottom) + var(--kakao-bottom))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);overflow-x:hidden;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;line-height:1.6}body.is-loading{overflow:hidden}.font-display{font-family:var(--font-display)}.text-light{color:var(--color-text-light)}.text-sm{font-size:var(--text-sm)}img{max-width:100%;display:block}.section{position:relative;width:100%;overflow:clip;overflow-clip-margin:content-box}.section-envelope{overflow:visible}.section-inner{max-width:var(--content-width);margin:0 auto;padding:var(--section-padding) var(--content-padding);text-align:center}.section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;line-height:1.4;margin-bottom:2rem;color:var(--color-text)}.section-divider{width:40px;height:1px;background:var(--color-accent);margin:.75rem auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--button-radius);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:transform .2s var(--ease-out-expo),box-shadow .2s var(--ease-out-expo)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-outline{background:transparent;border:1px solid var(--color-accent);color:var(--color-text)}.btn-outline:hover{background:var(--color-bg-warm)}.btn-sm{padding:8px 16px;font-size:var(--text-xs)}.btn-kakao{background:#fee500;color:#3c1e1e;font-weight:600;padding:14px 28px;border-radius:var(--button-radius)}.btn-copy{background:var(--color-bg-warm);color:var(--color-text);border:1px solid var(--color-secondary)}.photo-placeholder{background:linear-gradient(135deg,var(--color-primary-light),var(--color-secondary));display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);overflow:hidden}.photo-circle{width:clamp(120px,32vw,160px);height:clamp(120px,32vw,160px);border-radius:50%;border:3px solid var(--color-accent-gold)}.photo-family{width:clamp(220px,62vw,300px);aspect-ratio:3 / 2;border-radius:20px;border:3px solid var(--color-accent-gold)}.photo-family img{object-position:center 100%}.photo-sm{width:100%;aspect-ratio:4/3;border-radius:var(--card-radius)}.photo-circle svg{width:48px;height:48px}.photo-placeholder img{width:100%;height:100%;object-fit:cover}.loading-overlay{position:fixed;inset:0;z-index:9999;background:var(--color-bg);display:flex;align-items:center;justify-content:center;transition:opacity .6s var(--ease-out-expo)}.loading-overlay.fade-out{opacity:0;pointer-events:none}.loading-inner{text-align:center}.loading-name{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--color-text);display:flex;gap:4px;justify-content:center}.loading-name span{opacity:0;transform:translateY(10px)}.loading-bar{width:120px;height:2px;background:var(--color-secondary);margin:1.5rem auto;border-radius:2px;overflow:hidden}.loading-bar-fill{width:0%;height:100%;background:var(--color-primary);transition:width .3s}.loading-sub{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:.5rem}.scroll-progress{position:fixed;top:0;left:0;height:3px;z-index:100;background:var(--color-primary);opacity:.6;width:0%}.landscape-overlay{display:none;position:fixed;inset:0;z-index:10000;background:var(--color-bg);align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-lg);text-align:center;color:var(--color-text)}@media(orientation:landscape)and (max-height:500px){.landscape-overlay{display:flex}}.section-envelope{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);position:relative;overflow:visible;padding-top:var(--inapp-top);padding-bottom:var(--inapp-bottom)}.envelope-wrapper{text-align:center;width:100%;padding:2rem var(--content-padding)}.envelope{width:clamp(260px,72vw,320px);height:clamp(260px,68vw,340px);margin:0 auto;position:relative;perspective:1200px}.envelope-card{position:absolute;left:8%;top:6%;width:84%;height:88%;background:var(--color-surface);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 1.2rem;box-shadow:0 4px 20px #5c40331f;z-index:1}.envelope-body{width:100%;height:100%;position:relative;background:linear-gradient(145deg,#f0dcc8,#e4c5a8);border-radius:6px;box-shadow:0 8px 30px #5c403326;z-index:2}.envelope-flap{position:absolute;top:0;left:0;width:100%;height:55%;background:linear-gradient(180deg,#dcc0a0,#d0ad88);clip-path:polygon(0 0,50% 100%,100% 0);transform-origin:top center;z-index:3;backface-visibility:hidden}.ribbon{position:absolute;left:-6px;right:-6px;top:50%;transform:translateY(-50%);z-index:5;display:flex;align-items:center}.ribbon-band{flex:1;height:14px;background:linear-gradient(180deg,#f0a060,#e8854a 40%,#d07040);box-shadow:0 2px 6px #e8854a40}.ribbon-bow{flex-shrink:0;width:clamp(70px,22vw,90px);height:auto;margin:0 -2px;filter:drop-shadow(0 2px 4px rgba(208,112,64,.3))}.envelope-label{position:absolute;left:0;right:0;bottom:10%;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:1;pointer-events:none}.envelope-label-deco{width:28px;height:1px;background:var(--color-accent);opacity:.5}.envelope-label-text{font-size:var(--text-lg);font-weight:700;color:var(--color-text);opacity:.85;letter-spacing:.15em}.card-date{font-family:var(--font-body);font-size:clamp(.65rem,1.8vw,.8rem);color:var(--color-accent);letter-spacing:.05em;margin-bottom:.2rem}.card-time{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-accent);letter-spacing:.1em;margin-bottom:.5rem}.card-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;line-height:1.4;color:var(--color-text)}.card-line{width:24px;height:1px;background:var(--color-accent);margin-top:.5rem}.card-dday{font-family:var(--font-body);font-size:var(--text-base);font-weight:700;color:var(--color-primary);letter-spacing:.05em;margin-bottom:.1rem}.card-venue{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;color:var(--color-text);margin-top:.5rem}.card-address{font-family:var(--font-body);font-size:clamp(.65rem,1.8vw,.75rem);color:var(--color-text-light);margin-top:.1rem;line-height:1.3}.envelope-intro{margin-top:.75rem;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0}.envelope-intro .intro-photo{margin-bottom:.75rem}.envelope-intro .intro-name{margin-bottom:.15rem}.section-envelope .particle-canvas{opacity:0}.scroll-indicator-global{position:fixed;bottom:calc(var(--inapp-bottom) + 12px);left:50%;transform:translate(-50%);z-index:200;color:var(--color-text-muted);opacity:0;pointer-events:none;animation:scrollBounce 2s ease-in-out infinite;transition:opacity .4s;display:flex;flex-direction:column;align-items:center;gap:6px}.scroll-indicator-text{font-size:var(--text-xs);white-space:nowrap}.scroll-indicator-global svg{width:24px;height:12px}.scroll-indicator-global.is-visible{opacity:.6}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.intro-photo{margin-bottom:.75rem;display:flex;justify-content:center}.intro-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800}.intro-date{font-size:var(--text-sm);color:var(--color-text-light);margin-top:.25rem}.intro-meaning{font-size:var(--text-sm);line-height:1.7;color:var(--color-text-light)}.intro-meaning em{color:var(--color-text);font-style:normal;font-weight:600}.intro-family{margin-top:1rem;opacity:0}.intro-family .photo-family{border-color:#d4a04a66;box-shadow:0 8px 32px #5c40331a}.section-timeline{background:var(--color-bg-warm);min-height:100dvh;display:flex;align-items:center;justify-content:center;padding-top:var(--inapp-top);padding-bottom:var(--inapp-bottom)}.section-timeline .section-inner{padding:clamp(24px,6vw,48px) var(--content-padding)}.section-timeline .section-title{margin-bottom:1rem}.timeline{position:relative;width:100%;display:flex;flex-direction:column;gap:.75rem}.timeline-video-area{width:100%;border-radius:var(--card-radius);overflow:hidden;box-shadow:0 6px 24px #5c40331a}.timeline-fixed-video{width:100%;display:block;border-radius:var(--card-radius);background:#000}.timeline-stage{position:relative;height:clamp(200px,36vh,300px)}.timeline-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;opacity:0}.timeline-photo{width:clamp(160px,44vw,220px);aspect-ratio:1;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #5c40331f;border:3px solid rgba(255,255,255,.7);background:linear-gradient(135deg,var(--color-primary-light),var(--color-secondary))}.timeline-photo img{width:100%;height:100%;object-fit:cover;cursor:pointer}.timeline-label{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.timeline-date{font-size:var(--text-sm);color:var(--color-text-light);letter-spacing:.05em}.timeline-card:last-child .timeline-label{color:var(--color-accent)}.timeline-nav{display:flex;justify-content:center;gap:10px;margin-top:1.5rem}.timeline-nav-dot{width:8px;height:8px;border-radius:50%;background:var(--color-secondary);transition:transform .4s var(--ease-out-expo),background .4s}.timeline-nav-dot.is-active{background:var(--color-primary);transform:scale(1.4)}.timeline-nav-dot.is-gold.is-active{background:var(--color-accent-gold)}.section-gallery{background:var(--color-bg);min-height:100dvh;display:flex;align-items:center;justify-content:center;padding-top:var(--inapp-top);padding-bottom:var(--inapp-bottom)}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gallery-item{aspect-ratio:1;border-radius:var(--card-radius);opacity:0;transform:translateY(20px)}.gallery-videos{margin-top:16px;display:flex;flex-direction:column;gap:12px}.gallery-video{position:relative;width:100%;border-radius:var(--card-radius);overflow:hidden;cursor:pointer;opacity:0;transform:translateY(20px)}.gallery-video video{width:100%;display:block;background:#000;border-radius:var(--card-radius)}.gallery-video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.gallery-video-overlay .play-icon{width:48px;height:48px}.lightbox-video{max-width:92vw;max-height:92vh;border-radius:4px;background:#000}.wave-divider{line-height:0;margin-top:-1px}.wave-divider svg{width:100%;height:40px}.dot-divider{display:flex;justify-content:center;gap:8px;padding:2rem 0;background:var(--color-bg)}.dot-divider:before,.dot-divider:after{content:"";display:block;width:6px;height:6px;background:var(--color-primary-light);border-radius:50%}.section-event{background:var(--color-bg-warm)}.dday-counter{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:2rem;padding:1.5rem;background:var(--color-surface);border-radius:var(--card-radius);box-shadow:0 2px 12px #5c403314;max-width:280px;margin-left:auto;margin-right:auto}.dday-number{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--color-primary)}.dday-detail{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-light);letter-spacing:.05em}.dday-label{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-primary)}.event-details{max-width:320px;margin:0 auto;text-align:left}.event-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid rgba(212,165,116,.2)}.event-row:last-child{border-bottom:none}.event-icon{width:22px;height:22px;flex-shrink:0;margin-top:2px;color:var(--color-accent)}.event-contact{display:flex;gap:12px;justify-content:center;margin-top:2rem}.contact-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-surface);border-radius:var(--button-radius);box-shadow:0 2px 10px #5c403314;text-decoration:none;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-sm);transition:transform .2s var(--ease-out-expo),box-shadow .2s}.contact-btn:active{transform:scale(.96)}.contact-icon{width:18px;height:18px;flex-shrink:0;color:var(--color-primary)}.contact-role{color:var(--color-text-light);font-size:var(--text-xs)}.contact-name{font-weight:600}.section-map{background:var(--color-bg-warm);padding-bottom:0}.map-embed{width:100%;height:280px;border-radius:var(--card-radius);overflow:hidden;margin-bottom:1rem}.map-embed iframe{width:100%;height:100%;border:0}.map-name{font-weight:600;font-size:var(--text-sm);margin-bottom:2px}.map-addr{font-size:var(--text-xs);color:var(--color-text-light);margin-bottom:1rem}.map-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.section-closing{background:var(--color-bg);text-align:center;position:relative;padding-bottom:4rem}.closing-msg{font-size:var(--text-xl);line-height:1.5;margin-bottom:2rem}.closing-divider{width:40px;height:1px;background:var(--color-secondary);margin:2.5rem auto}.closing-thanks{font-size:var(--text-lg);color:var(--color-text-light);margin-top:3rem}.guestbook-sub{color:var(--color-text-light);font-size:var(--text-base);margin-bottom:2rem}.guestbook-form{max-width:360px;margin:0 auto 2.5rem;display:flex;flex-direction:column;gap:12px}.guestbook-input,.guestbook-textarea{width:100%;padding:12px 16px;border:1px solid var(--color-secondary);border-radius:var(--card-radius);background:var(--color-surface);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);resize:none;outline:none;transition:border-color .2s;box-sizing:border-box}.guestbook-input:focus,.guestbook-textarea:focus{border-color:var(--color-primary)}.guestbook-input::placeholder,.guestbook-textarea::placeholder{color:var(--color-text-muted)}.guestbook-emoji-picker{display:flex;justify-content:center;gap:8px}.emoji-btn{width:40px;height:40px;border:2px solid transparent;border-radius:50%;background:var(--color-surface);font-size:1.3rem;cursor:pointer;transition:border-color .2s,transform .2s;display:flex;align-items:center;justify-content:center}.emoji-btn.is-selected{border-color:var(--color-primary);transform:scale(1.15)}.guestbook-submit{margin-top:4px}.guestbook-list{max-width:360px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.guestbook-empty{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;padding:2rem 0}.guestbook-load-more{margin:1.5rem auto 0;display:block}.letter-card{background:var(--color-surface);border-radius:var(--card-radius);padding:16px;box-shadow:0 2px 10px #5c40330f;text-align:left;position:relative}.letter-emoji{position:absolute;top:12px;right:14px;font-size:1.2rem}.letter-message{font-size:var(--text-base);line-height:1.6;color:var(--color-text);margin-bottom:10px;word-break:break-word}.letter-footer{display:flex;justify-content:space-between;align-items:center}.letter-author{display:flex;align-items:center;gap:8px}.letter-profile{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.letter-profile-default{background:var(--color-secondary)}.letter-nickname{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:var(--color-text)}.letter-date{font-size:var(--text-xs);color:var(--color-text-muted)}.guestbook-login-area{text-align:center}.btn-kakao-login{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:#fee500;color:#3c1e1e;border:none;border-radius:var(--button-radius);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.btn-kakao-login:active{transform:scale(.96)}.btn-kakao-login:disabled{opacity:.6;cursor:not-allowed}.guestbook-write-area{display:flex;flex-direction:column;gap:12px}.guestbook-kakao-profile{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--color-surface);border-radius:var(--card-radius);border:1px solid var(--color-secondary)}.kakao-profile-img{width:32px;height:32px;border-radius:50%;object-fit:cover}.kakao-profile-name{font-weight:600;font-size:var(--text-sm);color:var(--color-text);flex:1}.particle-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.lightbox{position:fixed;inset:0;z-index:9500;background:#000000eb;display:none;align-items:center;justify-content:center;cursor:pointer;padding:16px}.lightbox.is-active{display:flex}.lightbox-img{max-width:92vw;max-height:92vh;object-fit:contain;border-radius:4px}.photo-placeholder img{cursor:pointer}#toast-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9000;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{background:var(--color-surface);color:var(--color-text);padding:12px 24px;border-radius:var(--button-radius);box-shadow:0 4px 20px #5c403326;font-size:var(--text-sm);white-space:nowrap;opacity:0;transform:translateY(10px);transition:opacity .3s var(--ease-out-expo),transform .3s var(--ease-out-expo)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(min-width:769px){body{background:var(--color-bg-warm)}.app-container{max-width:520px;margin:0 auto;background:var(--color-bg);border-radius:24px;box-shadow:0 20px 60px #5c40331f;overflow:clip;position:relative}.pin-spacer>.section{max-width:520px!important;left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important}.scroll-progress{max-width:520px;left:50%;transform:translate(-50%)}}