:root{--primary: #3E9C87;--primary-dark: #2E7A69;--primary-light: #E3F3EF;--accent: #F0A860;--accent-light: #FBEEDD;--bg: #FAF7F2;--card: #FFFFFF;--texto: #33403D;--texto-suave: #7A8683;--borda: #ECE6DC;--suave-ok: #E8F5EE;--suave-ok-texto: #2E7D5B;--suave-quase: #FDF3EC;--suave-quase-texto: #B06A3B;--sombra: 0 2px 12px rgba(51, 64, 61, .07);--raio: 18px}*{box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw;margin:0;padding:0}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--texto);font-size:1rem;line-height:1.55}#root{min-height:100vh}.app-container{max-width:560px;margin:0 auto;padding:16px 16px 96px;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0 16px}.app-logo{font-weight:800;font-size:1.25rem;color:var(--primary-dark);text-decoration:none}.app-logo span{color:var(--accent)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--borda);display:flex;justify-content:center;gap:8px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));z-index:50}.bottom-nav a{flex:1;max-width:180px;text-align:center;text-decoration:none;color:var(--texto-suave);font-size:.72rem;font-weight:700;padding:6px 4px;border-radius:12px}.bottom-nav a .nav-emoji{display:block;font-size:1.25rem;margin-bottom:2px}.bottom-nav a.ativo{color:var(--primary-dark);background:var(--primary-light)}.card-mq{background:var(--card);border-radius:var(--raio);box-shadow:var(--sombra);padding:18px;border:1px solid var(--borda)}.card-clicavel{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.card-clicavel:active{transform:scale(.985)}.btn-mq{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:14px;padding:12px 20px;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;background:var(--primary);color:#fff;transition:background .15s ease,transform .1s ease;min-height:46px}.btn-mq:hover{background:var(--primary-dark)}.btn-mq:active{transform:scale(.97)}.btn-mq:disabled{opacity:.55;cursor:default}.btn-mq-suave{background:var(--primary-light);color:var(--primary-dark)}.btn-mq-suave:hover{background:#d3ebe4}.btn-mq-pista{background:var(--accent-light);color:var(--suave-quase-texto)}.btn-mq-pista:hover{background:#f6e2c8}.btn-mq-fantasma{background:transparent;color:var(--texto-suave);border:1.5px solid var(--borda)}.btn-mq-fantasma:hover{background:var(--card)}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--primary-light);color:var(--primary-dark);border-radius:20px;padding:3px 12px;font-size:.78rem;font-weight:700}.chip-nivel{background:var(--accent-light);color:var(--suave-quase-texto)}.trilha-barra{height:10px;border-radius:8px;background:var(--borda);overflow:hidden}.trilha-barra>div{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--primary),#5FB8A3);transition:width .5s ease;min-width:0}.caso-bloco{background:var(--card);border:1px solid var(--borda);border-radius:var(--raio);padding:16px 18px;box-shadow:var(--sombra)}.pista-card{background:var(--accent-light);border:1px solid #f2ddc0;border-radius:var(--raio);padding:14px 16px;animation:surgir .4s ease}.pista-rotulo{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--suave-quase-texto);margin-bottom:4px}.alternativa{width:100%;text-align:left;background:var(--card);border:1.5px solid var(--borda);border-radius:14px;padding:13px 16px;font-family:inherit;font-size:.95rem;color:var(--texto);cursor:pointer;transition:border-color .15s ease,background .15s ease;min-height:48px}.alternativa:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light)}.alternativa:disabled{cursor:default;color:var(--texto-suave);background:#f6f3ee;text-decoration:line-through;opacity:.75}.alternativa.correta-final{border-color:var(--primary);background:var(--suave-ok);color:var(--suave-ok-texto);font-weight:700;text-decoration:none;opacity:1}.feedback-quase{background:var(--suave-quase);color:var(--suave-quase-texto);border-radius:14px;padding:12px 16px;font-size:.92rem;animation:surgir .35s ease}.celebracao{text-align:center;padding:26px 18px 10px;animation:surgir .45s ease}.celebracao .emoji{font-size:3.2rem;display:inline-block;animation:pulinho .7s ease}.celebracao h3{margin:8px 0 2px;font-weight:800;color:var(--primary-dark)}.explicacao-card{background:var(--suave-ok);border:1px solid #d5ebdf;border-radius:var(--raio);padding:16px 18px;animation:surgir .5s ease}.explicacao-card .titulo{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--suave-ok-texto);margin-bottom:6px}.stat-mq{background:var(--card);border:1px solid var(--borda);border-radius:var(--raio);padding:14px;text-align:center;box-shadow:var(--sombra)}.stat-mq .valor{font-size:1.7rem;font-weight:800;color:var(--primary-dark);line-height:1.2}.stat-mq .rotulo{font-size:.75rem;color:var(--texto-suave);font-weight:700}.dias-dots{display:flex;gap:6px;flex-wrap:wrap}.dia-dot{width:26px;height:26px;border-radius:50%;background:var(--borda);display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;color:var(--texto-suave)}.dia-dot.com-estudo{background:var(--primary);color:#fff}.login-fundo{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(160deg,var(--primary-light) 0%,var(--bg) 55%,var(--accent-light) 100%)}.login-card{width:100%;max-width:380px;background:var(--card);border-radius:22px;box-shadow:0 8px 32px #33403d1f;padding:32px 26px}.campo-mq{width:100%;border:1.5px solid var(--borda);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:1rem;color:var(--texto);background:#fff}.campo-mq:focus{outline:none;border-color:var(--primary)}.label-mq{display:block;font-size:.82rem;font-weight:700;color:var(--texto-suave);margin:0 0 5px 2px}.aviso-mq{border-radius:12px;padding:10px 14px;font-size:.88rem;font-weight:600;animation:surgir .3s ease}.aviso-mq.ok{background:var(--suave-ok);color:var(--suave-ok-texto)}.aviso-mq.erro{background:#fdecea;color:#b53d3d}@keyframes surgir{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulinho{0%{transform:scale(.4)}55%{transform:scale(1.18)}to{transform:scale(1)}}.spinner-mq{width:34px;height:34px;border:4px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;animation:girar .8s linear infinite;margin:40px auto}@keyframes girar{to{transform:rotate(360deg)}}.texto-suave{color:var(--texto-suave)}.sem-margem{margin:0}