:root{--night: #241033;--night-2: #3a1250;--night-3: #150720;--magenta: #ff4d8d;--gold: #ffc84d;--mint: #6ee7c7;--cream: #fff6ec;--ink: #2b1a3a;--ink-soft: #6b5570;--font-display: "Baloo 2", system-ui, sans-serif;--font-hand: "Caveat", "Baloo 2", cursive;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--cream);background:var(--night-3);overflow:hidden;overscroll-behavior:none}#root{min-height:100dvh}.stage{position:relative;height:100dvh;width:100%;max-width:520px;margin:0 auto;overflow:hidden;background:radial-gradient(120% 80% at 50% -10%,var(--night-2) 0%,var(--night) 45%,var(--night-3) 100%)}.bokeh{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.bokeh span{position:absolute;bottom:-40px;border-radius:50%;filter:blur(1px);opacity:.5}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top)) 22px max(22px,env(safe-area-inset-bottom));text-align:center}.progress{position:absolute;top:max(14px,env(safe-area-inset-top));left:0;right:0;z-index:5;display:flex;gap:7px;justify-content:center;flex-wrap:wrap;padding:0 26px}.bulb{width:9px;height:9px;border-radius:50%;background:#ffffff2e;transition:all .35s ease}.bulb.done{background:var(--gold)}.bulb.active{background:var(--magenta);box-shadow:0 0 12px var(--magenta);transform:scale(1.35)}.polaroid{background:var(--cream);padding:12px 12px 14px;border-radius:6px;box-shadow:0 18px 40px #00000073,0 2px 6px #0000004d;position:relative;max-width:min(78vw,320px)}.polaroid:before{content:"";position:absolute;top:-13px;left:50%;transform:translate(-50%) rotate(-3deg);width:96px;height:26px;background:#ffc84db8;box-shadow:0 2px 5px #0000002e}.polaroid img{display:block;width:100%;max-height:46dvh;object-fit:cover;border-radius:3px;background:#ddd}.note{font-family:var(--font-hand);color:var(--cream);font-size:clamp(1.35rem,6.2vw,1.9rem);line-height:1.28;font-weight:700;margin-top:26px;max-width:30ch;text-wrap:balance}.note.tease{color:#ffd0e0}.note.soft{color:#d5f6ea}.btn{font-family:var(--font-display);font-weight:700;font-size:1.12rem;color:var(--night-3);background:linear-gradient(180deg,var(--gold),#ffb01f);border:none;border-radius:999px;padding:15px 30px;cursor:pointer;box-shadow:0 10px 24px #ffb01f59;display:inline-flex;align-items:center;gap:9px;touch-action:manipulation}.btn.pink{color:#fff;background:linear-gradient(180deg,var(--magenta),#e5346f);box-shadow:0 10px 24px #e5346f66}.btn.ghost{color:var(--cream);background:#ffffff14;border:1.5px solid rgba(255,255,255,.28);box-shadow:none;font-size:.98rem;padding:12px 22px}.actions{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:0;right:0;z-index:5;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 22px}.eyebrow{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.32em;font-size:.72rem;font-weight:700;color:var(--gold);opacity:.85}.display{font-family:var(--font-display);font-weight:800;line-height:1.02;letter-spacing:-.01em}.intro-emoji{font-size:4.6rem;line-height:1;filter:drop-shadow(0 8px 18px rgba(0,0,0,.4))}.intro-title{font-size:clamp(2.4rem,11vw,3.4rem);margin:14px 0 8px;color:var(--cream)}.intro-title .name{background:linear-gradient(90deg,var(--gold),var(--magenta));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.intro-sub{font-family:var(--font-hand);font-size:1.4rem;color:#e9d9ff;max-width:26ch}.wish-title{font-size:clamp(2.6rem,13vw,4rem);color:var(--gold);text-shadow:0 4px 24px rgba(255,200,77,.35)}.wish-name{font-size:clamp(3rem,16vw,4.8rem);color:var(--cream);margin-top:-.1em}.wish-body{font-family:var(--font-hand);font-size:1.5rem;line-height:1.4;color:#f6e9ff;max-width:28ch;margin-top:18px}.videoWrap{width:100%;max-width:min(92vw,440px);border-radius:18px;overflow:hidden;box-shadow:0 20px 50px #00000080;background:#000}.videoWrap video{display:block;width:100%;max-height:62dvh}.tube{width:100%;max-width:min(94vw,460px);aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #00000080;background:#000}.tube iframe{width:100%;height:100%;border:0}.tube-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;background:repeating-linear-gradient(-45deg,#1c0d2b,#1c0d2b 14px,#24122f 14px,#24122f 28px);color:#c9b3e0;font-family:var(--font-hand);font-size:1.25rem;text-align:center}.lead{font-family:var(--font-hand);font-size:1.8rem;color:#ffd0e0;margin-bottom:6px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}