:root{--bg-0:#0a0412;--bg-1:#120618;--bg-2:#1a0716;--red:#e0123c;--red-bright:#ff3b5c;--rose:#ff7aa0;--gold:#ffcf6b;--cream:#fff2f5;--ink:#2a0a10;--ink-soft:#6b2030;--font-serif:"Cormorant Garamond", "Times New Roman", serif;--font-hand:"Caveat", cursive;--font-display:"Playfair Display", var(--font-serif)}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg-0);height:100%;color:var(--cream);font-family:var(--font-serif);margin:0;padding:0;overflow:hidden}#app{width:100%;height:100dvh;position:relative;overflow:hidden}#app:before{content:"";z-index:-1;background:radial-gradient(closest-side 42% 40% at 20% 26%, #e0123c2e, transparent 72%), radial-gradient(closest-side 46% 42% at 82% 72%, #96185033, transparent 74%), radial-gradient(closest-side 50% 46% at 62% 14%, #ff3b5c1a, transparent 72%), radial-gradient(ellipse 130% 100% at 50% 122%, #2a0712 0%, transparent 60%), linear-gradient(178deg, #0a0412 0%, #120618 46%, #1a0716 100%);will-change:transform, filter;animation:28s ease-in-out infinite alternate nebuladrift;position:fixed;inset:0}#app:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(78% 76% at 50% 44%,#0000 46%,#05020a94 100%);position:fixed;inset:0}@keyframes nebuladrift{0%{filter:hue-rotate();transform:translate(0,0)scale(1)}to{filter:hue-rotate(-10deg);transform:translate(-2.5%,1.5%)scale(1.07)}}.stars,.flowers,.hearts{z-index:0;pointer-events:none;position:fixed;inset:0}.fireworks{z-index:5;pointer-events:none;position:fixed;inset:0}.taunt-layer{z-index:6;pointer-events:none;position:fixed;inset:0}.stage{z-index:2;width:100%;height:100dvh;padding:max(1.5rem, env(safe-area-inset-top)) 1.25rem max(1.5rem, env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.2rem,4vh,2.2rem);display:flex;position:relative}.line{font-family:var(--font-serif);max-width:22ch;color:var(--cream);text-shadow:0 2px 16px #e0123c59,0 0 40px #e0123c1f;margin:0;font-size:clamp(1.4rem,6vw,2.2rem);line-height:1.35}.line--big{font-family:var(--font-display);color:var(--gold);text-shadow:0 4px 28px #ff3b5c80,0 0 60px #ffcf6b40,0 1px #00000080;font-size:clamp(2.4rem,12vw,4.5rem);font-style:italic;font-weight:700}.line--name{font-family:var(--font-display);color:var(--red-bright);text-shadow:0 0 30px #ff7aa099,0 0 70px #e0123c59,0 4px 18px #0009;letter-spacing:.02em;font-size:clamp(2.8rem,14vw,5.5rem);font-style:italic;font-weight:900}.btn-row{flex-wrap:wrap;justify-content:center;gap:.9rem;display:flex}.btn{font-family:var(--font-serif);cursor:pointer;-webkit-tap-highlight-color:transparent;letter-spacing:.015em;border:1px solid #0000;border-radius:40px;padding:.8rem 1.7rem;font-size:clamp(1.05rem,4.5vw,1.3rem);transition:transform .2s,box-shadow .2s,filter .2s}.btn--primary{color:var(--cream);background:linear-gradient(135deg, var(--red) 0%, var(--red-bright) 100%);box-shadow:0 10px 28px #e0123c80,0 2px 8px #0006,inset 0 1px #ffffff26}.btn--primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 14px 36px #e0123ca6,0 4px 12px #0006,inset 0 1px #ffffff26}.btn--primary:active{transform:translateY(0)scale(.97);box-shadow:0 6px 16px #e0123c73,0 1px 4px #0006,inset 0 1px #ffffff1a}.btn--ghost{color:var(--cream);-webkit-backdrop-filter:blur(4px);background:#ffffff0f;border-color:#ff7aa080}.btn--ghost:hover{background:#ffffff1a;border-color:#ff7aa0cc;transform:translateY(-1px)}.btn--ghost:active{transform:translateY(0)scale(.97)}.btn--runaway{z-index:8;will-change:left, top, transform;position:fixed}.taunt{z-index:6;font-family:var(--font-hand);color:var(--gold);text-shadow:0 2px 10px #00000080;pointer-events:none;white-space:nowrap;will-change:transform, opacity;font-size:clamp(1.1rem,5vw,1.6rem);position:fixed}.mute-btn{top:max(1rem, env(safe-area-inset-top));z-index:9;-webkit-backdrop-filter:blur(10px);width:2.75rem;height:2.75rem;color:var(--gold);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1a0307a6;border:1px solid #ffcf6b73;border-radius:50%;place-items:center;transition:transform .2s,box-shadow .2s,background .2s;display:grid;position:fixed;right:1rem;box-shadow:0 4px 16px #0006,inset 0 1px #ffcf6b1f}.mute-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #00000080,0 0 12px #ffcf6b40,inset 0 1px #ffcf6b33}.mute-btn:active{transform:scale(.95)}.mute-btn__off,.mute-btn.is-muted .mute-btn__on{display:none}.mute-btn.is-muted .mute-btn__off{display:block}body.no-scroll{overflow:hidden}.selfie-modal{z-index:30;opacity:0;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.selfie-modal.is-open{display:flex}.selfie-modal__backdrop{-webkit-backdrop-filter:blur(12px);background:#0a0205e0;position:absolute;inset:0}.selfie-modal__card{width:100%;max-width:32rem;color:var(--ink);background:linear-gradient(#fff2f5 0%,#ffe8ef 100%);border-radius:16px;max-height:90vh;padding:2rem 1.75rem 1.5rem;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0000008c,0 0 0 1px #ff7aa04d}.selfie-modal__close{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.3rem .5rem;font-size:1.8rem;line-height:1;transition:background .15s;position:absolute;top:.6rem;right:.9rem}.selfie-modal__close:hover{background:#e0123c14}.selfie-step{text-align:center}.selfie-step__title{font-family:"Playfair Display", var(--font-serif);color:var(--red);margin:0 0 1rem;font-size:clamp(1.5rem,3vw,2rem);font-style:italic;font-weight:700;line-height:1.2}.selfie-step__body{font-family:var(--font-serif);color:var(--ink);margin:0 0 .8rem;font-size:clamp(1rem,1.6vw,1.1rem);line-height:1.5}.selfie-step__body--small{color:var(--ink-soft);font-size:.95rem;font-style:italic}.selfie-step__body strong{color:var(--red)}.selfie-step__hint{font-family:var(--font-serif);color:var(--ink-soft);opacity:.75;margin:.5rem 0 1.5rem;font-size:.9rem;font-style:italic}.selfie-step__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.selfie-step__loader{color:var(--red);margin:1.5rem 0;font-size:3rem;animation:1.4s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.selfie-btn{font-family:var(--font-serif);cursor:pointer;letter-spacing:.01em;border:1px solid #0000;border-radius:30px;padding:.65rem 1.3rem;font-size:1rem;transition:all .2s}.selfie-btn--primary{background:linear-gradient(135deg, var(--red) 0%, var(--red-bright) 100%);color:var(--cream);box-shadow:0 6px 16px #e0123c59}.selfie-btn--primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #e0123c80}.selfie-btn--primary:disabled{opacity:.6;cursor:not-allowed}.selfie-btn--ghost{color:var(--ink-soft);background:0 0;border-color:#6b20304d}.selfie-btn--ghost:hover{border-color:var(--ink-soft);background:#0000000a}.selfie-frame{aspect-ratio:1;background:#0a0204;border-radius:12px;width:min(20rem,100%);margin:1rem auto;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000004d}.selfie-frame video,.selfie-frame img{object-fit:cover;width:100%;height:100%;display:block}.selfie-frame video{transform:scaleX(-1)}.selfie-frame__overlay{pointer-events:none;position:absolute;inset:0}.selfie-frame__corner{border:2px solid var(--gold);width:22px;height:22px;position:absolute}.selfie-frame__corner--tl{border-bottom:0;border-right:0;top:10px;left:10px}.selfie-frame__corner--tr{border-bottom:0;border-left:0;top:10px;right:10px}.selfie-frame__corner--bl{border-top:0;border-right:0;bottom:10px;left:10px}.selfie-frame__corner--br{border-top:0;border-left:0;bottom:10px;right:10px}.selfie-countdown{color:var(--gold);text-shadow:0 4px 18px #000c;opacity:0;pointer-events:none;place-items:center;font-family:Playfair Display,serif;font-size:6rem;font-weight:900;display:grid;position:absolute;inset:0}.selfie-countdown.is-active{opacity:1}.selfie-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}