:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem;position:relative;overflow:hidden}.reveal-bg{background:linear-gradient(135deg,#0a0a0a,#1a0a2e,#0a0a0a)}.card{max-width:28rem;width:100%;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:.75rem;background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeInUp .6s ease-out;position:relative;z-index:1}.reveal-card{max-width:32rem;text-align:center;border-color:#ffd70033;background:#ffffff0a}.tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c;border:1px solid rgba(255,255,255,.12);padding:.25rem .5rem;border-radius:.25rem;margin-bottom:1rem}h1{margin:0 0 .5rem;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#ff9ff3,#feca57,#48dbfb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{margin:0 0 1.5rem;color:#ffffff8c;font-size:.95rem}.cake-art{font-size:3.5rem;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}.date-input{display:block;width:100%;padding:.75rem 1rem;font-size:1rem;font-family:inherit;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;color:#fafafa;margin-bottom:1.25rem;outline:none;transition:border-color .2s,box-shadow .2s;color-scheme:dark}.date-input:focus{border-color:#ff9ff380;box-shadow:0 0 0 3px #ff9ff326}.wish-input{display:block;width:100%;padding:.75rem 1rem;font-size:1rem;font-family:inherit;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;color:#fafafa;margin-bottom:1.25rem;outline:none;resize:vertical;transition:border-color .2s,box-shadow .2s}.wish-input:focus{border-color:#feca5780;box-shadow:0 0 0 3px #feca5726}.wish-input::placeholder{color:#ffffff4d}.btn{display:inline-block;padding:.7rem 1.5rem;font-size:.95rem;font-weight:600;font-family:inherit;border:none;border-radius:.5rem;cursor:pointer;background:linear-gradient(135deg,#ff6b6b,#feca57);color:#0a0a0a;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #ff6b6b4d}.btn:active{transform:translateY(0)}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.15);color:#ffffffb3}.btn-ghost:hover{background:#ffffff0f;box-shadow:none}.btn-row{display:flex;gap:.75rem;justify-content:flex-end}.wish-text{font-size:1.4rem;font-style:italic;font-weight:400;line-height:1.6;margin:.5rem 0;background:linear-gradient(135deg,#feca57,#ff9ff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.birthday-banner{font-size:1.2rem;font-weight:700;color:#feca57;margin-bottom:.75rem;animation:pulse 1.5s ease-in-out infinite}.facts{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1.5rem 0;text-align:left}.fact{display:flex;flex-direction:column;padding:.75rem;background:#ffffff0a;border-radius:.5rem;border:1px solid rgba(255,255,255,.06)}.fact-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin-bottom:.2rem}.fact-value{font-size:1.05rem;font-weight:600;color:#fafafa}.candles-row{display:flex;justify-content:center;gap:.6rem;margin-bottom:1.25rem}.candle{display:flex;flex-direction:column;align-items:center;animation:candleAppear .5s ease-out backwards}.wax{width:10px;height:28px;background:linear-gradient(to bottom,#feca57,#f0932b);border-radius:2px 2px 3px 3px}.flame{width:8px;height:14px;background:radial-gradient(ellipse at bottom,#ff6b6b 0%,#feca57 40%,transparent 70%);border-radius:50%/60% 60% 40% 40%;animation:flicker .3s ease-in-out infinite alternate;margin-bottom:-2px}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.confetti-piece{position:absolute;top:-20px;border-radius:2px;animation:confettiFall linear infinite}.shake{animation:shake .4s ease-in-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes flicker{0%{transform:scaleY(1) scaleX(1) rotate(-2deg);opacity:1}to{transform:scaleY(1.15) scaleX(.9) rotate(2deg);opacity:.85}}@keyframes candleAppear{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:.3}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}