:root{--bg-ivory:#faf6f0;--bg-ivory-alt:#f0ebe1;--text-primary:#2c2420;--text-secondary:#8a7e72;--text-light:#b5aa9c;--gold:#b08d57;--gold-light:#d4b978;--gold-dark:#8b6f3a;--gold-glow:#b08d5740;--bg-dark:#0f0e11;--bg-dark-card:#1c1a20;--bg-dark-card-border:#b08d5726;--text-on-dark:#f0ebe3;--text-on-dark-muted:#9a9088;--orange:#e8854a;--font-display:"Cormorant Garamond", "STSong", "SimSun", Georgia, serif;--font-serif-cn:"Noto Serif SC", "STSong", "SimSun", serif;--font-body:-apple-system, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--page-padding:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-ivory);line-height:1.6;overflow-x:hidden}.act{width:100%;position:relative;overflow-x:clip}.act--light{background:var(--bg-ivory);color:var(--text-primary)}.act--dark{background:var(--bg-dark);color:var(--text-on-dark)}.particle-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.music-toggle{z-index:9999;border:1px solid var(--gold);-webkit-backdrop-filter:blur(8px);width:36px;height:36px;color:var(--gold);cursor:pointer;background:#faf6f0cc;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s,opacity .3s;display:flex;position:fixed;top:16px;right:16px}.music-toggle:active{transform:scale(.9)}.music-toggle.is-dark{border-color:var(--gold-light);color:var(--gold-light);background:#0f0e11b3}.music-icon{display:block}.placeholder__tag{letter-spacing:.08em;color:var(--text-light);border:1px dashed var(--gold-light);font-size:10px;font-family:var(--font-body);background:#b08d571a;border-radius:3px;padding:3px 8px;display:inline-block}.placeholder__desc{color:var(--text-secondary);margin-top:6px;font-size:11px;display:block}#prologue{height:280vh}.prologue__inner{z-index:2;flex-direction:column;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}@supports (height:100dvh){.prologue__inner{height:100dvh}}.prologue__top{text-align:center;padding-top:28vh}@supports (height:1dvh){.prologue__top{padding-top:28dvh}}.prologue__date{font-family:var(--font-display);letter-spacing:.35em;color:var(--gold);opacity:.7;font-size:clamp(14px,4vw,20px);font-weight:300}.prologue__bottom{text-align:center;visibility:hidden;position:absolute;bottom:0;left:0;right:0}.countdown{justify-content:center;align-items:flex-end;gap:clamp(8px,3vw,16px);display:flex}.countdown--wedding{opacity:1;position:relative}.countdown--together{opacity:0;justify-content:center;align-items:flex-end;gap:clamp(8px,3vw,16px);display:flex;position:absolute;top:0;left:0;right:0}.cd-left{flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:4px;display:flex}.cd-left__label{font-family:var(--font-body);letter-spacing:.12em;color:var(--text-secondary);font-size:clamp(11px,3vw,14px);font-weight:300}.cd-left__dhm{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:clamp(40px,11vw,56px);font-weight:300;line-height:1}.cd-unit{letter-spacing:.08em;color:var(--text-secondary);margin:0 .12em;font-size:.5em}.cd-sep{opacity:.4;margin:0 .03em}.cd-secs{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(112px,32vw,172px);font-weight:300;line-height:.85}.cd-together-num{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(56px,16vw,86px);font-weight:300;line-height:.85}.prologue__glow{pointer-events:none;z-index:1;opacity:.3;background:radial-gradient(at 75% 85%,#c4aa6e4d 0%,#c4aa6e1a 35%,#0000 65%);width:65%;height:45%;transition:opacity .25s ease-out;position:absolute;bottom:0;right:0}.prologue__glow.is-pulse{opacity:1;transition:opacity 80ms ease-in}.scroll-cue{z-index:10;opacity:.5;transition:opacity .4s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.scroll-cue.is-hidden{opacity:0;pointer-events:none}.scroll-cue__line{background:linear-gradient(to bottom, transparent, var(--gold));width:1px;height:40px;animation:2s ease-in-out infinite cue-pulse}@keyframes cue-pulse{0%,to{opacity:.3;transform:scaleY(.7)}50%{opacity:.8;transform:scaleY(1)}}#act1{min-height:200vh}.act1__photo{z-index:0;width:100%;height:100vh;position:sticky;top:0}@supports (height:100dvh){.act1__photo{height:100dvh}}.act1__photo-placeholder{background:linear-gradient(170deg,#e8e0d6 0%,#d4ccc2 40%,#c8bfb5 100%);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.act1__content{z-index:2;min-height:100vh;padding:var(--page-padding);background:linear-gradient(to bottom, #faf6f000 0%, #faf6f0d9 15%, #faf6f0f2 40%, var(--bg-ivory) 70%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.act1__title{font-family:var(--font-serif-cn);letter-spacing:.08em;color:var(--text-primary);text-align:center;margin-bottom:32px;font-size:clamp(32px,10vw,56px);font-weight:700;line-height:1.3}.act1__title .char{opacity:0;transition:opacity .5s,transform .5s;display:inline-block;transform:translateY(20px)}.act1__title .char.is-visible{opacity:1;transform:translateY(0)}.act1__meta{opacity:0;flex-direction:column;align-items:center;gap:10px;display:flex;transform:translateY(16px)}.act1__names{font-family:var(--font-body);letter-spacing:.3em;color:var(--gold);font-size:clamp(15px,4vw,18px);font-weight:300}.act1__date-cn{font-family:var(--font-body);letter-spacing:.2em;color:var(--text-secondary);font-size:clamp(13px,3.5vw,16px);font-weight:300}#transition{height:200vh}.transition__viewport{z-index:2;justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}@supports (height:100dvh){.transition__viewport{height:100dvh}}.transition__paint{background:var(--orange);opacity:0;z-index:1;border-radius:50%;position:absolute;inset:0;transform:scale(0)}.transition__schnauzer{z-index:3;opacity:0;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative;transform:translate(-60vw)}.schnauzer__emoji{font-size:64px;line-height:1}.schnauzer__emoji--large{font-size:80px}.transition__flashback{z-index:4;opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.flashback__day{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.05em;font-size:clamp(48px,16vw,96px);font-weight:300}#montage{background:var(--bg-ivory);height:600vh}.montage__viewport{width:100%;height:100vh;position:sticky;top:0;overflow:hidden}@supports (height:100dvh){.montage__viewport{height:100dvh}}.montage__backdrop{z-index:0;background:var(--bg-ivory);transition:background-color .3s;position:absolute;inset:0}.montage__canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.day-counter{z-index:10;align-items:baseline;gap:6px;display:flex;position:absolute;bottom:32px;right:24px}.day-counter__prefix{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:.1em;font-size:clamp(14px,4vw,18px);font-weight:300}.day-counter__number{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(36px,12vw,64px);font-weight:300;line-height:1}.montage__anchors{z-index:5;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.anchor{opacity:0;flex-direction:column;align-items:center;gap:8px;transition:opacity .4s,transform .4s;display:flex;position:absolute;transform:scale(.85)}.anchor.is-active{opacity:1;transform:scale(1)}.anchor__icon{font-size:clamp(32px,10vw,48px);line-height:1}.anchor__text{font-family:var(--font-body);letter-spacing:.15em;color:var(--text-primary);white-space:nowrap;font-size:clamp(14px,4vw,18px);font-weight:300}#you-turn{background:var(--bg-ivory);height:300vh}.you-turn__viewport{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:32px;height:100vh;display:flex;position:sticky;top:0}@supports (height:100dvh){.you-turn__viewport{height:100dvh}}.you-turn__day{font-family:var(--font-display);letter-spacing:.2em;color:var(--gold);opacity:0;font-size:clamp(18px,5vw,24px);font-weight:300}.you-turn__text{font-family:var(--font-serif-cn);text-align:center;letter-spacing:.1em;color:var(--text-primary);opacity:0;font-size:clamp(20px,6vw,30px);font-weight:400;line-height:2;transform:translateY(16px)}#act3{min-height:100vh;padding:80px var(--page-padding) 60px}.act3__content{flex-direction:column;gap:24px;max-width:440px;margin:0 auto;display:flex}.info-card{background:var(--bg-dark-card);border:1px solid var(--bg-dark-card-border);opacity:0;border-radius:12px;padding:28px 24px;transform:translate(-40px)}.info-card[data-dir=right]{transform:translate(40px)}.info-card.is-visible{opacity:1;transform:translate(0)}.info-card__icon{margin-bottom:12px;font-size:28px}.info-card__title{font-family:var(--font-body);letter-spacing:.15em;color:var(--gold);text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:500}.info-card__body{font-family:var(--font-body);color:var(--text-on-dark);font-size:16px;font-weight:300;line-height:1.8}.info-card__detail{color:var(--text-on-dark-muted);font-size:13px}#epilogue{min-height:100vh;padding:60px var(--page-padding);justify-content:center;align-items:center;display:flex}.epilogue__content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}.epilogue__schnauzer{flex-direction:column;align-items:center;gap:8px;animation:3s ease-in-out infinite gentle-bob;display:flex}@keyframes gentle-bob{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-4px)rotate(-2deg)}75%{transform:translateY(-2px)rotate(2deg)}}.epilogue__tagline{font-family:var(--font-body);letter-spacing:.15em;color:var(--text-on-dark-muted);font-size:clamp(15px,4vw,18px);font-weight:300}.rsvp-btn{font-family:var(--font-body);letter-spacing:.25em;color:var(--gold-light);border:1px solid var(--gold);cursor:pointer;background:0 0;border-radius:60px;margin-top:8px;padding:14px 48px;font-size:clamp(16px,4.5vw,19px);font-weight:400;transition:all .35s;display:inline-block}.rsvp-btn:active,.rsvp-btn:hover{background:var(--gold);color:var(--bg-dark);transform:scale(1.03)}.photos-link{font-family:var(--font-body);letter-spacing:.12em;color:var(--text-on-dark-muted);border-bottom:1px solid #9a90884d;padding-bottom:2px;font-size:13px;font-weight:300;text-decoration:none;transition:color .3s,border-color .3s}.photos-link:hover{color:var(--gold-light);border-color:var(--gold-light)}.debug-hud{z-index:99999;color:#0f0;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d1;border-radius:0 0 8px;min-width:180px;padding:8px 12px;font-family:Courier New,monospace;font-size:11px;line-height:1.5;position:fixed;top:0;left:0}.debug-hud.is-hidden{display:none}.debug-hud__row{justify-content:space-between;gap:12px;display:flex}.debug-hud__label{color:#888}.debug-hud__val{color:#0f0;text-align:right;font-weight:700}.debug-hud__section{color:#ff0;border-top:1px solid #ffffff26;margin-top:4px;padding-top:4px}.debug-hud__bar-track{background:#ffffff1a;border-radius:2px;width:100%;height:3px;margin-top:6px;overflow:hidden}.debug-hud__bar{background:#0f0;border-radius:2px;width:0%;height:100%;transition:width .1s linear}.debug-toggle{z-index:100000;color:#0f0;cursor:pointer;pointer-events:all;background:#00000080;border:none;border-radius:0 0 4px;width:24px;height:24px;font-size:10px;position:fixed;top:0;left:0}@media (width>=600px){:root{--page-padding:40px}.act1__content,.act3__content,.epilogue__content{max-width:520px}}