@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap);:root{--pink:#ff6b9d;--orange:#ff9f43;--yellow:#feca57;--green:#26de81;--teal:#2bcbba;--blue:#45aaf2;--purple:#a55eea;--red:#fc5c65;--bg:#fff9f0;--white:#fff;--dark:#2c3e50;--gray:#636e72;--border:#e0e0e0;--radius:20px;--radius-sm:12px;--shadow:0 8px 24px #0000001f;--shadow-sm:0 4px 12px #00000014;--font-title:"Fredoka One",cursive;--font-body:"Nunito",sans-serif}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}body{background:#fff9f0;background:var(--bg);color:#2c3e50;color:var(--dark);font-family:Nunito,sans-serif;font-family:var(--font-body);overflow-x:hidden}.app,body{min-height:100vh}.app{background:#fff;background:var(--white);margin:0 auto;max-width:480px;position:relative}h1,h2{font-family:Fredoka One,cursive;font-family:var(--font-title)}.title-xl{font-size:2rem}.title-lg{font-size:1.5rem}.title-md{font-size:1.2rem}.screen{display:flex;flex-direction:column;min-height:100vh}.screen-header{align-items:center;display:flex;gap:12px;padding:20px 20px 12px}.screen-body{flex:1 1;overflow-y:auto;padding:0 20px 100px}.btn-back{background:#fff9f0;background:var(--bg);border-radius:50%;box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;font-size:1.3rem;height:44px;width:44px}.btn,.btn-back{align-items:center;border:none;cursor:pointer;justify-content:center}.btn{border-radius:20px;border-radius:var(--radius);display:inline-flex;font-family:Nunito,sans-serif;font-family:var(--font-body);font-size:1rem;font-weight:800;gap:8px;padding:14px 28px;text-decoration:none;transition:transform .15s,box-shadow .15s}.btn:active{transform:scale(.96)}.btn-primary{background:#a55eea;background:var(--purple);box-shadow:0 6px 0 #7b4fbf;color:#fff}.btn-primary:hover{box-shadow:0 8px 0 #7b4fbf;transform:translateY(-2px)}.btn-primary:active{box-shadow:0 4px 0 #7b4fbf;transform:translateY(2px)}.btn-success{background:#26de81;background:var(--green);box-shadow:0 6px 0 #1faf5f;color:#fff}.btn-danger{background:#fc5c65;background:var(--red);box-shadow:0 6px 0 #c0392b;color:#fff}.btn-lg{border-radius:24px;font-size:1.1rem;padding:18px 36px}.btn-sm{border-radius:12px;font-size:.85rem;padding:8px 18px}.btn-full{width:100%}.card{background:#fff;background:var(--white);border-radius:20px;border-radius:var(--radius);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-sm);margin-bottom:16px;padding:20px}.card-clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.card-clickable:hover{box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow);transform:translateY(-3px)}.card-clickable:active{transform:scale(.98)}.grid-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.grid-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.points-badge{align-items:center;background:#feca57;background:var(--yellow);border-radius:20px;color:#2c3e50;color:var(--dark);display:inline-flex;font-size:.9rem;font-weight:800;gap:4px;padding:4px 12px}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center}.spinner{animation:spin .8s linear infinite;border:5px solid #e0e0e0;border-top-color:#a55eea;border:5px solid var(--border);border-radius:50%;border-top-color:var(--purple);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.points-popup{animation:pointsAnim 2s ease forwards;background:#feca57;background:var(--yellow);border-radius:20px;box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow);color:#2c3e50;color:var(--dark);font-size:1.1rem;font-weight:900;padding:10px 20px;position:fixed;right:20px;top:80px;z-index:1000}@keyframes pointsAnim{0%{opacity:0;transform:translateY(10px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1.1)}80%{opacity:1;transform:translateY(-10px) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.9)}}.module-btn{align-items:center;border:none;border-radius:20px;border-radius:var(--radius);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-sm);color:#2c3e50;color:var(--dark);cursor:pointer;display:flex;flex-direction:column;font-family:Nunito,sans-serif;font-family:var(--font-body);font-size:.85rem;font-weight:800;gap:8px;justify-content:center;padding:20px 12px;text-decoration:none;transition:transform .15s,box-shadow .15s}.module-btn .icon{font-size:2.2rem}.module-btn:hover{box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow);transform:translateY(-4px)}.module-btn:active{transform:scale(.95)}.progress-bar{background:#e0e0e0;background:var(--border);border-radius:10px;height:12px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#a55eea,#ff6b9d);background:linear-gradient(90deg,var(--purple),var(--pink));border-radius:10px;height:100%;transition:width .5s ease}.stars{color:#feca57;color:var(--yellow);letter-spacing:2px}.input{background:#fff9f0;background:var(--bg);border:3px solid #e0e0e0;border:3px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);font-family:Nunito,sans-serif;font-family:var(--font-body);font-size:1rem;padding:14px 16px;transition:border-color .2s;width:100%}.input:focus{border-color:#a55eea;border-color:var(--purple);outline:none}textarea.input{min-height:120px;resize:vertical}@media (min-width:480px){.app{box-shadow:0 0 40px #0000001a}}
/*# sourceMappingURL=main.140c8335.css.map*/