body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:background 1s ease,color 1s ease}.app.dark-mode{background:linear-gradient(135deg,#000,#1a1a1a,#000);color:#fff}.app.light-mode{background:linear-gradient(45deg,#000,red,#000);color:#fff}.stars-background{background:#0000;height:100%;left:0;opacity:.5;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.stars-background:after,.stars-background:before{animation:twinkle 3s infinite alternate;background:#fff;border-radius:50%;content:"";height:3px;position:absolute;width:3px}.stars-background:before{animation-delay:.5s;left:30%;top:20%}.stars-background:after{animation-delay:1.5s;left:70%;top:60%}@keyframes twinkle{0%{opacity:.2;transform:scale(.5)}to{opacity:1;transform:scale(1.2)}}.welcome-phase{animation:fadeIn 1s ease}.besiktas-logo{animation:float 3s ease-in-out infinite;font-size:4rem;margin-bottom:2rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.subtitle{color:gold;font-size:1.3rem;margin-bottom:3rem;opacity:.9}.wish-phase{animation:fadeIn 1s ease}.wish-instruction{color:gold;font-size:1.2rem;margin-bottom:2rem}.countdown-container{margin:3rem 0}.countdown-number{animation:countdown-pulse 1s infinite;color:red;font-size:6rem;font-weight:700;text-shadow:3px 3px 6px #000000b3}.countdown-done{animation:sparkle 1s infinite;color:gold;font-size:2rem}@keyframes countdown-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes sparkle{0%,to{transform:scale(1)}50%{color:#fff;transform:scale(1.1)}}.celebration-title{animation:pulse 2s infinite;font-size:2.5rem;margin-bottom:2rem;text-shadow:3px 3px 6px #ff0000b3}.celebration-messages{margin:2rem 0}.celebration-messages .message{animation:slideIn .8s ease forwards;font-size:1.4rem;margin:1rem 0;opacity:0}.celebration-messages .message:first-child{animation-delay:.5s}.celebration-messages .message:nth-child(2){animation-delay:1s}.celebration-messages .message:nth-child(3){animation-delay:1.5s}.bjk-chant{animation:bounce 1s infinite;color:#fff;font-size:1.6rem;margin:2rem 0}@keyframes slideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}h1{color:inherit;font-size:2.5rem;margin-bottom:10rem;text-shadow:0 0 10px #ffffff80}.blow-instruction{animation:pulse 1.5s infinite;color:#fff;font-size:1.3rem;margin:5rem 0}.reset-btn,.start-btn{background:linear-gradient(45deg,red,#000);border:2px solid #fff;border-radius:50px;box-shadow:0 4px 15px #ff00004d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin:2rem 0;padding:1rem 2rem;transition:transform .2s,background .5s;z-index:10}.reset-btn:hover,.start-btn:hover{background:linear-gradient(45deg,#c00,#333);box-shadow:0 6px 20px #ff000080;transform:scale(1.05)}.cake-container{cursor:pointer;display:inline-block;height:200px;margin-top:3rem;position:relative;width:350px;z-index:5}.cake-layer{border:2px solid #ffffff4d;border-radius:15px 15px 0 0;box-shadow:0 4px 15px #ff00004d;left:0;position:absolute;right:0}.bottom-layer{animation:cake-glow 3s ease-in-out infinite;background:linear-gradient(45deg,#000,#1a1a1a,#000);border:3px solid #fff;bottom:0;height:70px;width:100%}.middle-layer{background:linear-gradient(180deg,red,#c00);border:2px solid #fff;bottom:70px;height:60px;left:10%;width:80%}.top-layer{background:linear-gradient(180deg,#fff,#f0f0f0);border:2px solid #ccc;bottom:130px;height:50px;left:20%;width:60%}.cake-text{bottom:140px;color:#000;font-size:2rem;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px #ffffff80;transform:translateX(-50%);z-index:10}@keyframes cake-glow{0%,to{box-shadow:0 4px 15px #ff00004d}50%{box-shadow:0 4px 25px #f009}}.candle{background:linear-gradient(180deg,gold,orange);border:1px solid #ff8c00;border-radius:6px 6px 0 0;height:60px;position:absolute;top:-90px;transition:opacity .5s ease,transform .5s ease;width:12px;z-index:2}.candle.lit:after{animation:flicker .3s infinite alternate,flame-glow 2s infinite;background:radial-gradient(circle,gold,#ff4500,gold);border-radius:50%;box-shadow:0 0 20px 8px #ffa500cc;content:"";display:block;filter:blur(1px);height:20px;left:1px;position:absolute;top:-20px;width:10px}.candle.lit:before{animation:halo 2s infinite;background:radial-gradient(circle,#ffa5004d,#0000);content:"";height:40px;left:-15px;position:absolute;top:-35px;width:40px}.candle.blown{opacity:0;transform:translateY(-30px) rotate(15deg)}@keyframes flicker{0%{opacity:1;transform:scale(1) translateX(0)}50%{opacity:.8;transform:scale(1.1) translateX(1px)}to{opacity:1;transform:scale(1) translateX(-1px)}}@keyframes flame-glow{0%,to{box-shadow:0 0 20px 8px #ffa500cc}50%{box-shadow:0 0 30px 12px #ff6400}}@keyframes halo{0%{opacity:.3;transform:scale(1)}to{opacity:.1;transform:scale(1.5)}}.smoke{animation:smokeRise 3s ease-out forwards;background:#c8c8c899;border-radius:50%;height:25px;position:absolute;top:-100px;width:25px}.message{animation:fadeIn 1s ease;color:inherit;font-size:1.4rem;margin-top:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.candle.swaying{animation:sway .3s ease-in-out infinite alternate}@keyframes sway{0%{transform:translateX(-3px) rotate(-2deg)}to{transform:translateX(3px) rotate(2deg)}}.sound-indicator{background:#fff3;border-radius:5px;bottom:-40px;height:10px;left:50%;overflow:hidden;position:absolute;transform:translateX(-50%);width:200px}.sound-bar{background:linear-gradient(90deg,gold,#ff4500);height:100%;transition:width .1s ease}.cake-container:after{background:#0000;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:-20px;width:100%;z-index:3}.app.light-mode .cake-container:after{animation:sparkle-cake 1.5s infinite;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"><circle cx="5" cy="5" r="2" fill="yellow" /></svg>') repeat;opacity:.3}@keyframes sparkle-cake{0%{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}to{opacity:.3;transform:scale(1)}}@keyframes smokeRise{0%{opacity:.8;transform:translateY(0) scale(.5)}to{opacity:0;transform:translateY(-100px) scale(2)}}@media (max-width:768px){.celebration-title,h1{font-size:2rem}.cake-container{width:280px}.besiktas-logo{font-size:3rem}.countdown-number{font-size:4rem}}
/*# sourceMappingURL=main.8fc4a72c.css.map*/