*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--text-color: #2d2b55;--text-light: #6b6894;--accent-navy: #3d3b73;--accent-pink: #f06292;--accent-teal: #4ec6c1;--accent-yellow: #fdd835;--accent-lavender: #e8e0f0;--accent-brown: #5d4037}html{width:100%;min-height:100%}body{width:100%;min-height:100dvh;min-height:-webkit-fill-available;font-family:Nunito,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text-color);display:flex;flex-direction:column}#root{flex:1;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.flame-container{position:relative;display:flex;justify-content:center;align-items:flex-end;height:40px}.flame,.flame-inner{transform-origin:bottom center}.flame-glow{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:35px;height:35px;background:radial-gradient(circle,rgba(255,200,80,.5) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:-1}.candle-wrapper{position:absolute;bottom:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.candle-svg{display:block}.smoke{position:absolute;bottom:58px;left:50%;transform:translate(-50%);pointer-events:none}.smoke-puff{width:15px;height:15px;background:radial-gradient(circle,rgba(180,180,180,.6) 0%,transparent 70%);border-radius:50%}.cake{position:relative;width:320px;height:310px;animation:cakeBob 3s ease-in-out infinite}@keyframes cakeBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.cake-svg{position:absolute;bottom:0;left:0;display:block}.candles-row{position:absolute;left:0;bottom:168px;width:320px;height:0;z-index:10}.sun-container{width:280px;height:280px;margin:0 auto;pointer-events:none;position:relative;z-index:1}.message-container{text-align:center;padding:6rem 2rem 2rem;max-width:400px}.birthday-title{font-size:2rem;font-weight:800;color:var(--accent-navy);margin-bottom:1.5rem}.birthday-name{font-size:3rem;color:var(--accent-pink)}.birthday-message{font-size:1.2rem;font-weight:400;line-height:1.7;color:var(--text-light);margin-bottom:0}.birthday-sun{margin-top:-1rem}.permission-overlay{position:fixed;inset:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;z-index:100}.permission-content{text-align:center;max-width:320px}.permission-emoji{font-size:4rem;margin-bottom:1.5rem;animation:permissionBounce 2s ease-in-out infinite}@keyframes permissionBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.permission-title{font-size:1.75rem;font-weight:800;margin-bottom:1rem;color:var(--accent-navy)}.permission-text{font-size:1.1rem;margin-bottom:1.5rem;line-height:1.6;color:var(--text-light)}.permission-hint{margin-top:1rem;font-size:.85rem;color:#aaa;line-height:1.4}.decorations{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.deco{position:absolute;will-change:transform}.deco-confetti{width:10px;height:4px;border-radius:2px}.deco-6{background:var(--accent-teal);top:12%;left:22%;transform:rotate(-25deg);animation:float 3.8s ease-in-out .3s infinite}.deco-7{background:var(--accent-teal);top:20%;right:25%;transform:rotate(35deg);animation:float 4.2s ease-in-out 1.2s infinite}.deco-8{background:var(--accent-pink);bottom:22%;left:18%;transform:rotate(15deg);animation:float 3.5s ease-in-out .7s infinite}.deco-9{background:var(--accent-yellow);top:35%;left:5%;transform:rotate(-40deg);animation:float 4s ease-in-out 2s infinite}.deco-10{background:var(--accent-pink);top:6%;left:45%;transform:rotate(20deg);animation:float 3.2s ease-in-out .5s infinite}.deco-11{background:var(--accent-teal);bottom:12%;right:20%;transform:rotate(-15deg);animation:float 4.5s ease-in-out 1.8s infinite}.deco-dot{width:7px;height:7px;border-radius:50%}.deco-12{background:var(--accent-pink);top:40%;right:6%;animation:float 3s ease-in-out .4s infinite}.deco-13{background:var(--accent-teal);top:5%;left:35%;animation:float 4s ease-in-out 1s infinite}.deco-14{background:var(--accent-yellow);bottom:35%;right:15%;animation:float 3.7s ease-in-out 1.6s infinite}.deco-15{background:var(--accent-navy);bottom:10%;left:30%;opacity:.4;animation:float 4.3s ease-in-out 2.2s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.cat-balloon{position:fixed;width:200px;height:200px;pointer-events:none;z-index:10;animation:float-up 8s linear infinite}.cat-balloon-inner{width:200px;height:200px}.cat-balloon-inner canvas{width:200px!important;height:200px!important;object-fit:contain}@keyframes float-up{0%{bottom:-320px;opacity:0}5%{opacity:1}90%{opacity:1}to{bottom:110vh;opacity:0}}.corgi-balloon{width:220px;height:220px;z-index:0;pointer-events:none;animation:corgi-bob 3s ease-in-out infinite;margin-bottom:-2rem}@keyframes corgi-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;flex:1;padding:1rem;text-align:center;position:relative;overflow:visible}.intro-text{font-size:2rem;font-weight:800;margin-top:2.5rem;margin-bottom:.5rem;color:var(--accent-navy);letter-spacing:-.02em;position:relative;z-index:1}.blowing-layout{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;width:100%;padding-bottom:2.5rem}.blowing-top{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:.5rem}.cake-container{position:relative;z-index:1;transform:translateY(-20px)}.cta-button{font-family:inherit;font-size:1.15rem;font-weight:700;padding:.9rem 2.2rem;border:none;border-radius:50px;background:var(--accent-navy);color:#fff;cursor:pointer;box-shadow:0 4px 15px #3d3b7340;transition:transform .2s ease,box-shadow .2s ease;min-width:250px;min-height:56px;-webkit-tap-highlight-color:transparent}.cta-button:hover,.cta-button:active{transform:scale(1.05);box-shadow:0 6px 25px #3d3b7359}.cta-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.blow-hint{font-size:1.3rem;font-weight:700;color:var(--accent-pink);margin-bottom:1rem;animation:pulse 2s ease-in-out infinite;position:relative;z-index:1}.listening-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-size:1rem;font-weight:700;color:var(--accent-teal)}.mic-icon{animation:pulse 1s ease-in-out infinite}.heart-particles-bg{position:fixed;inset:-40% 0 0;z-index:0;pointer-events:none;opacity:.5}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}