.app-welcome{text-align:center}.app-welcome-description{padding:2% 20%;text-align:justify}.app-welcome button{margin-top:0%;animation:welcome-button-pulse 2s infinite;transition:transform .5s ease-in-out}.app-welcome button:hover{transform:scale(1.03)}@keyframes welcome-button-pulse{0%{transform:scale(1);box-shadow:0 0 #4caf5066}50%{transform:scale(1.03);box-shadow:0 0 15px #bdbfbd99}to{transform:scale(1);box-shadow:0 0 #4caf5066}}.potted-plant-spinner{display:flex;justify-content:center;align-items:center;height:100px}.plant{display:inline-block;font-size:2rem;animation:hop 2s ease-in-out infinite alternate}@keyframes hop{0%{transform:translateY(0) rotate(0);opacity:1}50%{transform:translateY(-10px) rotate(5deg);opacity:.6}to{transform:translateY(0) rotate(0);opacity:1}}.plant:hover{cursor:pointer}.backflip{animation:backflip 2s ease-in-out forwards}@keyframes backflip{0%{transform:translateY(0) rotate(0);opacity:1}25%{transform:translateY(-25px) rotate(180deg);opacity:.7}50%{transform:translateY(-40px) rotate(360deg);opacity:.5}75%{transform:translateY(-25px) rotate(540deg);opacity:.7}to{transform:translateY(0) rotate(720deg);opacity:1}}.nav-buttons{display:flex;flex-direction:row;justify-content:center;margin-top:2em;gap:.5em}.nav-button{max-width:100px;flex:1;padding:.75rem 1.25rem;margin:.5em 0;font-size:.8em;font-weight:600;border:none;border-radius:5px;cursor:pointer;color:#fff;transition:background-color .3s ease}.nav-button-primary{background-color:var(--color-primary);color:#f0f8ff}.nav-button-primary:hover{background-color:(--color-primary-hover);transform:scale(1.02)}.nav-button-secondary{background-color:#ddd8d8;color:#fff}.nav-button-secondary:hover{background-color:#eeecec}.writing-loader{position:relative;width:220px;height:60px;display:flex;justify-content:center;align-items:center}.hand{position:absolute;font-size:1.5rem;left:40px;animation:glideMoreBobs 3s ease-in-out infinite}@keyframes glideMoreBobs{0%{left:40px;transform:translateY(0);opacity:1}10%{transform:translateY(-2px)}20%{transform:translateY(2px)}30%{transform:translateY(-2px)}40%{transform:translateY(2px)}50%{transform:translateY(-2px)}60%{transform:translateY(2px)}70%{left:180px;transform:translateY(0)}75%{transform:translateY(-6px)}80%{transform:translateY(0)}90%{left:40px;transform:translateY(0);opacity:.3}to{left:40px;transform:translateY(0);opacity:1}}.quiz-loader{margin:10%;text-align:justify;display:flex;flex-direction:column;gap:20px}.loader-highlight{font-weight:700;color:var(--color-primary-slides-title)}.plant-loaders{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:2rem}.plant-loaders span{display:inline-block;animation:wave 1.8s ease-in-out infinite}.plant-loaders span:nth-child(1){animation-delay:0s}.plant-loaders span:nth-child(2){animation-delay:.3s}.plant-loaders span:nth-child(3){animation-delay:.6s}@keyframes wave{0%,to{transform:translateY(0)}10%{transform:translateY(-2px)}20%{transform:translateY(-5px)}25%{transform:translateY(-8px)}30%{transform:translateY(-12px)}50%{transform:translateY(-15px)}45%{transform:translateY(-12px)}70%{transform:translateY(-8px)}80%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}.loader-home-btn-container{margin-top:80px;display:flex;flex-direction:row;justify-content:center}.app-container{width:100%;height:100%;margin:20px 0%;padding:0%;color:var(--color-text)}.app-title{font-size:2.2em;font-weight:600;color:var(--color-primary);text-align:center}.app-subtitle{font-size:14px;color:#b0b9c4;font-style:italic;text-align:center}.app-modules-container{margin:5%}@media (min-width: 641px) and (max-width: 1024px){.app-modules-container{margin:3% 20%}}@media (min-width: 1025px) and (max-width: 1440px){.app-modules-container{margin:2% 30%}}@media (min-width: 1441px){.app-modules-container{margin:1% 40%}}body{font-family:Nunito,sans-serif;color:var(--color-text);margin:0;padding:0}:root{--color-primary: #1b691f;--color-primary-hover: #2f5c32;--color-primary-slides-title: #2e5d31;--color-secondary: #d43a59;--color-background: #f9e0a1;--color-surface: #ffffff;--color-text: #646060;--color-text-muted: #666666;--color-success: #4caf50}.card{background:var(--color-surface);border-radius:12px;padding:1.5rem;box-shadow:0 4px 10px #0000000d;margin-bottom:1.5rem}.button{background-color:var(--color-primary);color:#fff;padding:.75rem 1.25rem;border-radius:5px;border:none;cursor:pointer;font-weight:600;transition:background-color .3s ease}.button:hover{background-color:var(--color-primary-hover)}.button-secondary{width:200px;background-color:var(--color-secondary)}.button-secondary:hover{background-color:#e75472}.text-muted{color:var(--color-text-muted)}#root{min-width:300px;margin:0;padding:0}ul{margin:0;padding:0}html{height:100%;margin:0;padding:0}:root{line-height:1.5}fieldset{border:1px solid rgb(209,201,201);border-radius:8px;padding:1rem;margin:1rem 0;background-color:#fff}@media (min-width: 741px){fieldset{max-width:400px}}legend{font-size:1rem;color:var(--color-primary-slides-title);padding:0 .25rem}input[type=radio]{width:13px;height:13px;margin-right:.5rem;accent-color:var(--color-primary-slides-title);cursor:pointer}label{display:flex;align-items:center;padding:.3rem .5rem;margin-bottom:.3rem;border-radius:6px;cursor:pointer;transition:background-color .2s}label:hover{background-color:#f0f4ff}fieldset>div{display:flex;flex-direction:column}.app-topics-label span{font-size:14px;font-style:italic}.slide{margin:0% 10%}@media (min-width: 500px) and (max-width: 740px){.slide{margin:0 20%}}@media (min-width: 741px) and (max-width: 1024px){.slide{margin:0 20%}}@media (min-width: 1025px) and (max-width: 1440px){.slide{margin:0% 20%}}@media (min-width: 1441px){.slide{margin:0% 10%}}.slide-count{font-size:.8rem;width:100%;padding:0;margin:0;text-align:right}.options{border:1px solid rgb(209,201,201);border-radius:8px;padding:1rem;margin:1rem 0;background-color:#fff}.options h5{font-size:16px;font-weight:700;margin-bottom:.75rem;color:var(--color-primary-slides-title)}.options ul{list-style:none;padding:0;margin:0}.options label{display:block;margin:0p;padding:0;cursor:pointer}.option-line{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-radius:6px;transition:background-color .2s ease}.option-line:hover{background-color:#f0f4ff}.option-line input[type=radio]{width:14px;height:14px;accent-color:var(--color-primary-slides-title);cursor:pointer;margin:0}.option-line div{margin-left:auto;font-size:1rem}.quiz{padding-bottom:30px}.quiz-home-btn>button{display:flex;flex-direction:row-reverse;margin:30px 0}.disabled-btn,.disabled-btn:hover{background-color:#aea5a5;color:#fff;cursor:not-allowed}.congratulations-container{width:80%;margin:0% 10%;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:.9rem}.congratulations-greet{margin:5px 0 15px;font-size:1.5rem;font-weight:600;color:#377d3a}.plant-celebrate{margin:10px 0;display:flex;justify-content:center;align-items:center;font-size:3rem}.plant-celebrate span{display:inline-block;animation:hop-celebrate 1s ease-in-out infinite}@keyframes hop-celebrate{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-10px) scale(1.1)}60%{transform:translateY(-10px) scale(.95)}}.congratulations-encouragement{text-align:justify}.congratulations-download{text-align:justify;display:flex;flex-direction:column;align-items:center}.download-btn{background-color:#f1f4f1;color:#4caf50;border:1px solid #4caf50;border-radius:8px;margin:10px 0;padding:10px 20px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.download-btn:hover{background-color:#e8f5e9;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.congratulations-keep-learning{width:100%;margin-top:20px;text-align:center}.congratulations-footer{width:100%;margin:10px 0 40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.footer-btn{height:40px;width:150px;border:none;border-radius:5px}.footer-btn:hover{transform:translateY(-2px);cursor:pointer}.footer-btn-primary{background-color:var(--color-primary);color:#f0f8ff}.footer-btn-primary:hover{background-color:var(--color-primary-hover);transform:scale(1.02)}.footer-btn-secondary{background-color:#87b589;color:#fff}.footer-btn-secondary:hover{background-color:#c1d6c2}.error-page-container{margin:10%;color:var(--color-primary);font-size:1.2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.feedback-container{width:100%}.feedback-bubble{position:fixed;right:85px;bottom:20px;color:#fff;overflow:hidden;cursor:pointer}.bubble{height:30px;width:30px;padding-left:4px;border-radius:50%;background-color:#3fb27cbf;font-size:1.2rem;transition:all 1s ease}.bubble-contact-text{background-color:#83c5a5d9;border-radius:50%;font-size:12px;height:50px;width:50px;transition:all 1s ease;padding:8px;text-align:center}.feedback-form-text{font-size:.9rem;padding:5%}.feedback-form{position:fixed;bottom:100px;right:2rem;background:#fff;border-radius:16px;box-shadow:0 6px 20px #0003;padding:20px;width:250px;animation:floatUp 1s ease forwards;z-index:1000}@keyframes floatUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.feedback-form h4{margin-top:0;color:#0b440e;text-align:center}.feedback-form input,.feedback-form textarea{width:90%;margin-top:.5rem;padding:.5rem;border-radius:8px;border:1px solid #ccc;font-size:.9rem}.feedback-form button{background-color:#3fb27cbf;color:#fff;border:none;border-radius:8px;padding:.6rem;margin-top:.8rem;width:100%;cursor:pointer;font-weight:600;transition:transform .2s ease}.feedback-form button:hover{transform:scale(1.02);background-color:#3fb27cf2}.close-btn{position:absolute;top:10px;right:25px;font-size:1.2rem;font-weight:600;color:#3fb27cbf;background:none;border:none;cursor:pointer;transition:transform .2s ease,color .2s ease}.close-btn:hover{transform:scale(1.2);color:#3fb27cf2}
