:root{--ink: #2b1b12;--espresso: #5b3a26;--copper: #a8632e;--latte: #c9a375;--cream: #f5ecdc;--foam: #fffbf3;--gold: #b08a4e}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Jost,sans-serif;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;overflow:hidden}.stage{position:relative;width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--cream)}.bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 42%,#f5ecdc80,#f5ecdcb8 72%),linear-gradient(180deg,#f5ecdcc7,#f5ecdc99 32%,#f5ecdc9e 68%,#f5ecdcd1)}.ring{position:absolute;z-index:1;pointer-events:none;opacity:.35}.ring.tl{top:6%;left:4%;width:130px}.ring.br{bottom:5%;right:5%;width:170px}.music-toggle{position:absolute;top:26px;right:26px;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid rgba(43,27,18,.3);background:#fffbf399;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease,border-color .3s ease}.music-toggle:hover{background:var(--foam);border-color:var(--copper)}.music-toggle:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.music-toggle svg{width:16px;height:16px}.content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:6vh 6vw;max-width:760px}.stamp{width:64px;height:64px;margin-bottom:14px}.eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--espresso);font-weight:500}.save-the-date{font-family:Fraunces,serif;font-weight:500;font-size:clamp(46px,9.5vw,108px);letter-spacing:.04em;line-height:.95;margin-top:14px;color:var(--ink)}.names{margin-top:22px;font-family:Fraunces,serif;font-weight:400;font-size:clamp(22px,3.6vw,32px);letter-spacing:.02em;color:var(--espresso)}.names em{font-style:italic;color:var(--copper);padding:0 10px}.divider{width:60px;height:1px;background:var(--latte);margin:26px auto}.countdown-intro{margin-bottom:22px;font-family:Fraunces,serif;font-style:italic;font-size:14.5px;color:var(--copper);opacity:.95}.countdown-grid{display:flex;justify-content:center;gap:14px;margin-bottom:26px}.countdown-box{width:76px;padding:14px 4px 12px;border:1px solid rgba(168,99,46,.4);background:#fffbf3a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.countdown-num{font-family:Fraunces,serif;font-size:30px;font-weight:400;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.countdown-label{margin-top:8px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--espresso)}.countdown-done{font-family:Fraunces,serif;font-weight:400;font-size:clamp(34px,6vw,58px);letter-spacing:.06em;color:var(--ink);margin-bottom:26px;line-height:1.1}.details{font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--espresso);line-height:2}.details .place{opacity:.85}.note{margin-top:26px;font-family:Fraunces,serif;font-style:italic;font-size:14.5px;color:var(--copper);opacity:.95}@media (max-width: 520px){.countdown-box{width:62px;padding:10px 3px 9px}.countdown-num{font-size:24px}.countdown-grid{gap:9px}.ring.tl{width:90px}.ring.br{width:110px}}@media (max-height: 640px){.save-the-date{font-size:clamp(34px,8vw,70px)}.names{font-size:clamp(18px,3vw,24px);margin-top:12px}.divider{margin:16px auto}.countdown-box{padding:10px 4px 8px}.countdown-num{font-size:22px}.stamp{width:48px;height:48px;margin-bottom:8px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}