*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--gold: #e8c97a;--rose: #f0829a;--blush: #ffc2d1;--star: #fff8ee}html{height:-webkit-fill-available}body{width:100%;height:100vh;height:100dvh;overflow:hidden;background:#05050f;font-family:Gowun Batang,serif;color:var(--star);-webkit-tap-highlight-color:transparent}#root{width:100%;height:100%}.app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.scrim-top{position:absolute;top:0;left:0;right:0;height:42%;background:linear-gradient(to bottom,rgba(5,5,15,.72) 0%,transparent 100%);pointer-events:none;z-index:1}.scrim-bottom{position:absolute;bottom:0;left:0;right:0;height:22%;background:linear-gradient(to top,rgba(5,5,15,.65) 0%,transparent 100%);pointer-events:none;z-index:1}.overlay-top{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding:clamp(18px,4vh,48px) clamp(20px,4vw,60px) 0;pointer-events:none;z-index:2;text-align:center}.overlay-label{font-family:Cormorant Garamond,serif;font-style:italic;font-size:clamp(10px,1.6vw,14px);color:var(--rose);letter-spacing:.42em;text-transform:uppercase;opacity:0;animation:rise .8s ease forwards .2s}.overlay-title{font-family:Nanum Brush Script,cursive;font-size:clamp(72px,18vmin,160px);line-height:.88;color:transparent;background:linear-gradient(135deg,var(--gold) 0%,var(--blush) 48%,var(--rose) 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 36px rgba(240,130,154,.45));opacity:0;animation:rise 1s cubic-bezier(.16,1,.3,1) forwards .4s;margin-top:2px}.overlay-date{font-family:Cormorant Garamond,serif;font-size:clamp(16px,3vmin,32px);font-weight:300;color:var(--gold);letter-spacing:.1em;opacity:0;animation:rise .8s ease forwards .7s;margin-top:4px}.overlay-sub{font-size:clamp(11px,1.6vmin,14px);color:#fff8ee6b;letter-spacing:.22em;opacity:0;animation:rise .7s ease forwards .95s;margin-top:6px}.overlay-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding:0 20px clamp(16px,3.5vh,40px);pointer-events:none;z-index:2;text-align:center}.hint-text{font-size:clamp(11px,1.6vmin,13px);letter-spacing:.22em;color:#fff8ee4d;transition:all .5s ease}.hint-text.celebration{color:var(--gold);font-size:clamp(14px,2.2vmin,20px);animation:rise .6s ease forwards}.candle-counter{position:absolute;top:clamp(14px,2.5vh,28px);right:clamp(16px,3vw,36px);display:flex;gap:7px;pointer-events:none;z-index:2}.candle-dot{width:8px;height:8px;border-radius:50%;background:var(--rose);border:1px solid var(--rose);transition:all .45s ease}.candle-dot.out{background:transparent;border-color:#f0829a47}.mute-btn{position:absolute;top:clamp(12px,2.2vh,24px);left:clamp(16px,3vw,36px);width:36px;height:36px;background:#fff8ee14;border:1px solid rgba(255,248,238,.18);border-radius:50%;font-size:16px;line-height:1;cursor:pointer;pointer-events:all;z-index:2;display:flex;align-items:center;justify-content:center;transition:background .2s;-webkit-tap-highlight-color:transparent}.mute-btn:hover{background:#fff8ee2e}.fanfare-btn{pointer-events:all;margin-top:12px;padding:10px 24px;min-height:44px;background:transparent;border:1px solid var(--gold);border-radius:24px;color:var(--gold);font-family:Gowun Batang,serif;font-size:clamp(12px,1.8vmin,15px);letter-spacing:.18em;cursor:pointer;transition:background .25s,color .25s;-webkit-tap-highlight-color:transparent}.fanfare-btn:hover,.fanfare-btn:active{background:var(--gold);color:#05050f}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}