*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Fredoka,Comic Neue,cursive,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@keyframes celebrate{0%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.2) rotate(-5deg)}50%{transform:scale(1.3) rotate(5deg)}75%{transform:scale(1.2) rotate(-5deg)}to{transform:scale(1) rotate(0deg)}}.float{animation:float 3s ease-in-out infinite}.bounce{animation:bounce .5s ease-in-out}.shake{animation:shake .5s ease-in-out}.celebrate{animation:celebrate .6s ease-in-out}.App{min-height:100vh;padding:20px;position:relative}.stars{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.star{background:#fff;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:20px;opacity:.8;position:absolute;width:20px}.cloud{opacity:.6}.cloud,.cloud:after,.cloud:before{background:#ffffff4d;border-radius:100px;position:absolute}.cloud:after,.cloud:before{content:""}.cloud:before{height:50px;left:10px;top:-25px;width:50px}.cloud:after{height:60px;right:10px;top:-30px;width:60px}.container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.header{color:#fff;margin-bottom:40px;text-align:center}.header h1{font-size:3.5rem;font-weight:700;margin-bottom:10px;text-shadow:4px 4px 8px #0000004d}.header p{font-weight:400}.btn,.header p{font-size:1.5rem}.btn{border:none;border-radius:25px;box-shadow:0 8px 15px #0003;cursor:pointer;font-family:Fredoka,cursive;font-weight:600;letter-spacing:1px;padding:20px 40px;text-transform:uppercase;transition:all .3s ease}.btn:hover{box-shadow:0 12px 20px #0000004d;transform:translateY(-3px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-success{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.btn-warning{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.btn-lecture{background:linear-gradient(135deg,#56ccf2,#2f80ed);color:#fff}.btn-ecriture{background:linear-gradient(135deg,#f2c94c,#f2994a);color:#fff}.btn-math{background:linear-gradient(135deg,#bb6bd9,#9b51e0);color:#fff}.card{background:#fff;border-radius:30px;box-shadow:0 10px 30px #0003;margin-bottom:30px;padding:40px}.card-header{margin-bottom:30px;text-align:center}.card-header h2{color:#667eea;font-size:2.5rem;margin-bottom:10px}.card-body{text-align:center}.grid{grid-gap:30px;display:grid;gap:30px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.syllable-display{background:linear-gradient(135deg,#ffecd2,#fcb69f);font-size:8rem;padding:60px;text-shadow:4px 4px 8px #0000001a}.question-display,.syllable-display{border-radius:30px;color:#667eea;font-weight:700;margin:30px 0}.question-display{background:linear-gradient(135deg,#a8edea,#fed6e3);font-size:6rem;padding:40px}.options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:30px 0}.option-btn{align-items:center;display:flex;font-size:2.5rem;font-weight:700;justify-content:center;min-height:120px;padding:30px}.feedback{border-radius:20px;font-size:1.8rem;font-weight:600;margin:20px 0;padding:30px;text-align:center}.feedback-success{background:linear-gradient(135deg,#84fab0,#8fd3f4);color:#fff}.feedback-error{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#fff}.attempts{display:flex;gap:15px;justify-content:center;margin:20px 0}.attempt-heart{font-size:3rem}.loading{color:#fff;font-size:2rem;padding:60px;text-align:center}@media (max-width:768px){.header h1{font-size:2.5rem}.syllable-display{font-size:5rem;padding:40px}.question-display{font-size:4rem;padding:30px}.option-btn{font-size:1.8rem;min-height:90px;padding:20px}}
/*# sourceMappingURL=main.c6ca3f20.css.map*/