@import"https://fonts.googleapis.com/css?family=Lato:300italic";.birthday-cake-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#ee9ca7,#ffdde1);overflow:hidden;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.blow-hint{position:absolute;top:12%;left:50%;transform:translate(-50%);background:#ffffffe6;padding:10px 20px;border-radius:20px;font-family:Lato,sans-serif;font-size:14px;color:#8b6a60;box-shadow:0 4px 15px #0000001a;z-index:100;white-space:nowrap}.cake-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.cake-svg{width:200px;height:auto;max-height:60vh}.candle-group{transform:translateY(-400px);animation:candle-drop .5s 6s ease-out forwards}@keyframes candle-drop{to{transform:translateY(0)}}.flame-container{position:absolute;left:50%;transform:translate(-50%) translateY(-400px);width:20px;height:30px;z-index:10;opacity:0;animation:flame-drop .5s 6s ease-out forwards,flame-appear .3s 6.5s forwards}@keyframes flame-drop{to{transform:translate(-50%) translateY(0)}}@keyframes flame-appear{to{opacity:1}}.flame-inner{position:absolute;top:0;left:50%;transform:translate(-50%);width:10px;height:25px;transition:opacity .3s ease-out,transform .3s ease-out}.flame-container.blown-out .flame-inner{opacity:0;transform:translate(-50%) translateY(-10px) scale(.5)}.fuego{position:absolute;top:0;left:50%;margin-left:-3.5px;width:7px;height:18px;border-radius:50%;background:#fef86180;box-shadow:0 0 40px 10px #f8e9d133}.fuego:nth-child(1){animation:fuego 2s 6.5s infinite}.fuego:nth-child(2){animation:fuego 1.5s 6.5s infinite}.fuego:nth-child(3){animation:fuego 1s 6.5s infinite}.fuego:nth-child(4){animation:fuego .5s 6.5s infinite}.fuego:nth-child(5){animation:fuego .2s 6.5s infinite}.blown-out .fuego{animation:none!important}@keyframes fuego{0%,to{background:#fef86180;box-shadow:0 0 40px 10px #f8e9d133;transform:translateY(0) scale(1)}50%{background:#ff32001a;box-shadow:0 0 40px 20px #f8e9d133;transform:translateY(-20px) scale(0)}}.smoke-wrapper{position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:60px;pointer-events:none}.smoke{position:absolute;top:5px;left:50%;width:6px;height:6px;background:#969696b3;border-radius:50%;filter:blur(2px);animation:smoke-rise 2s ease-out forwards}.smoke:nth-child(1){animation-delay:0s;margin-left:-3px}.smoke:nth-child(2){animation-delay:.15s;margin-left:-7px}.smoke:nth-child(3){animation-delay:.3s;margin-left:1px}@keyframes smoke-rise{0%{opacity:.8;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(2.5)}}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.confetti-piece{position:absolute;top:-20px}.confetti-rect{border-radius:2px}.confetti-circle{border-radius:50%}.birthday-text{color:#8b6a60;font-family:Lato,sans-serif;font-weight:300;font-style:italic;text-align:center;margin-top:20px;z-index:1}.birthday-text h1{font-size:1.4em;margin:0 0 6px;color:#8b6a60;font-weight:300}.birthday-name{font-size:1.1rem;font-weight:600;font-style:normal;margin:0;color:#6d5247}@media (prefers-reduced-motion: reduce){.candle-group,.flame-container{animation:none;transform:translateY(0)}.flame-container{transform:translate(-50%) translateY(0);opacity:1}.fuego,.smoke{animation:none}.confetti-piece{display:none}}:root{--color-bg-base: #FBF7F1;--color-bg-warm: #F7F2EB;--color-bg-glow: #FFFAF4;--gradient-top: #FFFDF9;--gradient-mid: #FAF5EE;--gradient-bottom: #F3EBE0;--text-primary: #4D4139;--text-secondary: #5E524A;--text-body: #6D5F54;--text-muted: #8C7D70;--text-subtle: #A99889;--accent: #6B5A4E;--accent-soft: #8A7868;--accent-light: #C7B8A8;--card-bg: rgba(255, 253, 250, .78);--card-bg-warm: rgba(255, 250, 244, .82);--card-bg-highlight: rgba(255, 254, 251, .85);--card-shadow: 0 2px 6px rgba(120, 100, 75, .04), 0 8px 20px rgba(100, 80, 60, .06), 0 20px 40px rgba(90, 70, 50, .08);--card-shadow-elevated: 0 4px 10px rgba(120, 100, 75, .05), 0 12px 28px rgba(100, 80, 60, .08), 0 28px 50px rgba(90, 70, 50, .1);--card-radius: 20px;--card-radius-lg: 24px;--card-blur: 14px;--card-padding: 26px;--card-padding-compact: 20px;--avatar-shadow: rgba(100, 80, 55, .14);--avatar-shadow-blur: 15px;--avatar-size-normal: 145px;--avatar-size-review: 135px;--avatar-size-highlight: 162px;--card-width: 90%;--card-max-width: 360px;--card-top-offset: 14vh;--card-max-height: 58vh;--avatar-overlap: 16px;--scene-padding-x: 18px;--scene-top-offset: 14vh;--scene-bottom-reserve: 170px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs: 12px;--text-sm: 13.5px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--leading-tight: 1.35;--leading-normal: 1.55;--leading-relaxed: 1.72;--tracking-tight: -.01em;--tracking-normal: .005em;--tracking-wide: .015em;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 580;--space-xs: 6px;--space-sm: 10px;--space-md: 18px;--space-lg: 28px;--space-xl: 42px;--duration-fast: .25s;--duration-normal: .5s;--duration-slow: .8s;--duration-cinematic: 1.2s;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-gentle: cubic-bezier(.25, .1, .25, 1);--ease-cinematic: cubic-bezier(.33, 0, 0, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--vh: 1vh;--viewport-height: calc(var(--vh, 1vh) * 100);--image-max-height: 42vh}@media screen and (max-height: 680px){:root{--scene-top-offset: 11vh;--scene-bottom-reserve: 150px;--card-padding: 22px;--card-radius: 18px;--card-max-height: 54vh;--avatar-size-normal: 130px;--avatar-size-review: 120px;--avatar-size-highlight: 148px;--avatar-overlap: 12px;--text-2xl: 22px;--text-xl: 18px;--image-max-height: 36vh}}@media screen and (min-height: 800px){:root{--scene-top-offset: 15vh;--scene-bottom-reserve: 190px;--card-padding: 30px;--card-max-height: 60vh;--avatar-size-normal: 150px;--avatar-size-review: 140px;--avatar-size-highlight: 170px;--avatar-overlap: 20px;--space-lg: 32px;--image-max-height: 45vh}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--text-primary);background-color:var(--color-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;position:fixed;width:100%;height:100%}@supports (-webkit-touch-callout: none){body{height:-webkit-fill-available}}#root{width:100%;height:100%;height:var(--viewport-height)}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}p{line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);color:var(--text-body)}button,[role=button]{-webkit-user-select:none;user-select:none;touch-action:manipulation}button{font-family:inherit;font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);cursor:pointer;border:none;background:none;padding:0}img{max-width:100%;display:block;-webkit-user-drag:none;user-select:none}:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-light);border-radius:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}