:root{--bg-1:#f3eaff;--bg-2:#e7f6ff;--surface:#fff;--ink:#2b2350;--ink-soft:#6b6491;--ink-faint:#a59fc4;--roxo:#7c3aed;--roxo-2:#9d5cff;--roxo-claro:#ede5ff;--teal:#14b8a6;--coral:#fb7185;--sol:#fbbf24;--verde:#22c55e;--verde-claro:#dcfce7;--vermelho:#f43f5e;--vermelho-claro:#ffe4e6;--r-lg:24px;--r-md:16px;--r-sm:12px;--sombra:0 10px 30px -12px #7c3aed59;--sombra-sm:0 4px 14px -6px #2b235040;--fonte-titulo:"Fredoka", "Segoe UI", sans-serif;--fonte-texto:"Nunito", "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--fonte-texto);color:var(--ink);background:linear-gradient(160deg, var(--bg-1), var(--bg-2));-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh}button{font-family:var(--fonte-texto);cursor:pointer}.app{max-width:720px;margin:0 auto;padding:20px 18px 60px}.header{align-items:center;gap:14px;padding:10px 4px 22px;display:flex}.header-logo{background:var(--roxo);width:54px;height:54px;box-shadow:var(--sombra);border-radius:16px;flex-shrink:0;place-items:center;animation:4s ease-in-out infinite flutua;display:grid}.header-logo svg{width:38px;height:38px}.header h1{font-family:var(--fonte-titulo);color:var(--roxo);font-size:24px;font-weight:700;line-height:1}.header p{color:var(--ink-soft);margin-top:3px;font-size:13px;font-weight:600}.mascote{align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.mascote-owl{flex-shrink:0;font-size:44px;line-height:1;animation:3.5s ease-in-out infinite flutua}.balao{background:var(--surface);border-radius:var(--r-md);color:var(--ink);box-shadow:var(--sombra-sm);flex:1;padding:12px 16px;font-size:14px;font-weight:700;position:relative}.balao:before{content:"";background:var(--surface);width:14px;height:14px;position:absolute;bottom:14px;left:-7px;transform:rotate(45deg)}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sombra);padding:20px}.prompt-label{font-family:var(--fonte-titulo);color:var(--ink);align-items:center;gap:8px;margin-bottom:12px;font-size:17px;font-weight:600;display:flex}.prompt-row{align-items:stretch;gap:10px;display:flex}.prompt-textarea{font-family:var(--fonte-texto);color:var(--ink);background:var(--bg-1);border-radius:var(--r-md);resize:none;border:2px solid #0000;flex:1;min-height:60px;max-height:150px;padding:13px 15px;font-size:15px;font-weight:600;line-height:1.5;transition:border-color .15s,background .15s}.prompt-textarea:focus{border-color:var(--roxo);background:#fff;outline:none}.prompt-textarea::placeholder{color:var(--ink-faint);font-weight:600}.btn-mic{border-radius:var(--r-md);border:2px solid var(--bg-1);background:var(--bg-1);flex-shrink:0;place-items:center;width:56px;transition:all .18s;display:grid}.btn-mic:hover:not(:disabled){border-color:var(--roxo);background:#fff}.btn-mic svg{width:24px;height:24px;stroke:var(--roxo);fill:none;stroke-width:2px;stroke-linecap:round}.btn-mic.gravando{background:var(--vermelho-claro);border-color:var(--coral);animation:1.1s ease-in-out infinite pulso}.btn-mic.gravando svg{stroke:var(--vermelho)}.btn-mic:disabled{opacity:.4;cursor:not-allowed}.btn-gerar{border-radius:var(--r-md);background:linear-gradient(135deg, var(--roxo), var(--roxo-2));color:#fff;width:100%;height:54px;font-family:var(--fonte-titulo);box-shadow:var(--sombra);border:none;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-size:18px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex}.btn-gerar:hover:not(:disabled){transform:translateY(-2px)scale(1.01)}.btn-gerar:active:not(:disabled){transform:translateY(0)scale(.99)}.btn-gerar:disabled{opacity:.5;cursor:not-allowed}.mic-aviso{color:var(--vermelho);align-items:center;gap:6px;margin-top:8px;font-size:12.5px;font-weight:700;display:flex}.mic-aviso.gravando{color:var(--coral)}.tip{color:var(--ink-faint);margin-top:10px;font-size:12px;font-weight:600}.chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.chip{border:2px solid var(--bg-1);background:var(--bg-1);color:var(--ink-soft);border-radius:99px;padding:8px 13px;font-size:13px;font-weight:700;transition:all .15s}.chip:hover{border-color:var(--roxo);color:var(--roxo);background:#fff;transform:translateY(-1px)}.status{border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sombra-sm);color:var(--ink-soft);align-items:center;gap:12px;margin-top:16px;padding:16px 18px;font-size:14px;font-weight:700;display:flex}.status.erro{background:var(--vermelho-claro);color:var(--vermelho)}.spinner{border:3px solid var(--roxo-claro);border-top-color:var(--roxo);border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.7s linear infinite girar}.meta-bar{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.badge{border-radius:99px;padding:5px 12px;font-size:12px;font-weight:800}.badge-roxo{background:var(--roxo-claro);color:var(--roxo)}.badge-teal{color:#0e7490;background:#cffafe}.badge-coral{color:#be123c;background:#ffe4e6}.badge-sol{color:#b45309;background:#fef3c7}.badge-cinza{color:var(--ink-soft);background:#eceaf6}.prog{margin-bottom:16px}.prog-track{height:12px;box-shadow:var(--sombra-sm);background:#fff;border-radius:99px;overflow:hidden}.prog-fill{background:linear-gradient(90deg, var(--teal), var(--verde));border-radius:99px;height:100%;transition:width .4s}.prog-label{color:var(--ink-soft);text-align:center;margin-top:6px;font-size:12.5px;font-weight:700}.q-card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sombra);margin-bottom:14px;padding:22px;animation:.3s entra}.q-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.q-eyebrow{color:var(--ink-soft);align-items:center;gap:9px;font-size:13px;font-weight:800;display:flex}.q-num{background:var(--roxo);color:#fff;font-family:var(--fonte-titulo);border-radius:99px;padding:3px 11px}.q-emoji{font-size:22px}.btn-ouvir{border:2px solid var(--bg-1);background:var(--bg-1);border-radius:99px;place-items:center;padding:7px 9px;transition:all .15s;display:grid}.btn-ouvir:hover{border-color:var(--teal);background:#fff}.btn-ouvir svg{width:18px;height:18px;stroke:var(--teal);fill:none;stroke-width:2px;stroke-linecap:round}.btn-ouvir.falando{border-color:var(--teal);background:#cffafe;animation:1s ease-in-out infinite pulso}.q-text{font-family:var(--fonte-titulo);color:var(--ink);margin-bottom:18px;font-size:20px;font-weight:500;line-height:1.4}.opcoes{flex-direction:column;gap:10px;display:flex}.opt{border-radius:var(--r-md);border:2px solid var(--bg-1);background:var(--bg-1);text-align:left;color:var(--ink);align-items:center;gap:13px;padding:14px 16px;font-size:15.5px;font-weight:700;transition:all .16s;display:flex}.opt:hover:not(.locked){border-color:var(--roxo);background:#fff;transform:translate(3px)}.opt.locked{cursor:default}.opt-letra{width:34px;height:34px;font-family:var(--fonte-titulo);color:var(--roxo);box-shadow:var(--sombra-sm);background:#fff;border-radius:11px;flex-shrink:0;place-items:center;font-size:16px;font-weight:600;transition:inherit;display:grid}.opt.correta{border-color:var(--verde);background:var(--verde-claro);color:#15803d;animation:.4s pop}.opt.correta .opt-letra{background:var(--verde);color:#fff}.opt.errada{border-color:var(--vermelho);background:var(--vermelho-claro);color:#be123c;animation:.4s treme}.opt.errada .opt-letra{background:var(--vermelho);color:#fff}.explica{border-radius:var(--r-md);gap:10px;margin-top:16px;padding:14px 16px;font-size:14px;font-weight:700;line-height:1.5;animation:.3s entra;display:flex}.explica.certo{background:var(--verde-claro);color:#15803d}.explica.errado{color:#b45309;background:#fef3c7}.explica-emoji{flex-shrink:0;font-size:20px}.nav{justify-content:space-between;align-items:center;gap:10px;margin-top:6px;display:flex}.dots{flex-wrap:wrap;flex:1;justify-content:center;gap:6px;display:flex}.dot{width:12px;height:12px;box-shadow:var(--sombra-sm);background:#fff;border:2px solid #fff;border-radius:50%;transition:all .18s}.dot.ativo{background:var(--roxo);border-color:var(--roxo);transform:scale(1.25)}.dot.feito{background:var(--teal);border-color:var(--teal)}.btn-nav{border-radius:var(--r-md);height:46px;color:var(--ink-soft);box-shadow:var(--sombra-sm);background:#fff;border:none;align-items:center;gap:6px;padding:0 18px;font-size:14px;font-weight:800;transition:all .16s;display:flex}.btn-nav:hover:not(:disabled){color:var(--ink);transform:translateY(-2px)}.btn-nav:disabled{opacity:.35;cursor:not-allowed}.btn-finalizar{background:linear-gradient(135deg, var(--verde), #16a34a);color:#fff}.aviso-incompleto{color:var(--coral);text-align:center;margin-top:10px;font-size:13px;font-weight:700}.resultado{text-align:center;position:relative;overflow:hidden}.res-nota{font-family:var(--fonte-titulo);color:var(--roxo);font-size:72px;font-weight:700;line-height:1}.res-nota span{color:var(--ink-faint);font-size:32px}.res-estrelas{letter-spacing:4px;margin:8px 0;font-size:34px}.res-pct{color:var(--ink-soft);font-size:15px;font-weight:700}.res-msg{font-family:var(--fonte-titulo);color:var(--ink);margin-top:12px;font-size:19px;font-weight:500}.res-bar-track{background:var(--bg-1);border-radius:99px;height:14px;margin:18px 0 6px;overflow:hidden}.res-bar-fill{border-radius:99px;height:100%;transition:width .7s}.tema-list{text-align:left;flex-direction:column;gap:12px;margin-top:22px;display:flex}.tema-row{align-items:center;gap:12px;font-size:13.5px;font-weight:700;display:flex}.tema-nome{text-overflow:ellipsis;white-space:nowrap;min-width:130px;max-width:160px;color:var(--ink-soft);overflow:hidden}.tema-track{background:var(--bg-1);border-radius:99px;flex:1;height:10px;overflow:hidden}.tema-bar{border-radius:99px;height:100%;transition:width .6s}.tema-placar{text-align:right;min-width:42px;color:var(--ink);font-weight:800}.gab-header{border-top:2px dashed var(--bg-1);justify-content:space-between;align-items:center;margin-top:24px;padding-top:18px;display:flex}.gab-title{font-family:var(--fonte-titulo);color:var(--ink);font-size:16px;font-weight:600}.toggle-gab{background:var(--roxo-claro);color:var(--roxo);border:none;border-radius:99px;padding:8px 14px;font-size:13px;font-weight:800}.gab-list{text-align:left;flex-direction:column;gap:10px;margin-top:14px;display:flex}.gab-item{border-radius:var(--r-md);padding:13px 15px;font-size:13.5px;font-weight:600;line-height:1.55}.gab-item.certo{background:var(--verde-claro);color:#15803d}.gab-item.errado{background:var(--vermelho-claro);color:#be123c}.gab-item strong{margin-bottom:4px;font-size:14px;font-weight:800;display:block}.gab-item .gab-extra{opacity:.9;margin-top:4px;display:block}.btn-novo{border-radius:var(--r-md);background:linear-gradient(135deg, var(--roxo), var(--roxo-2));color:#fff;width:100%;height:54px;font-family:var(--fonte-titulo);box-shadow:var(--sombra);border:none;justify-content:center;align-items:center;gap:10px;margin-top:18px;font-size:18px;font-weight:600;transition:transform .15s;display:flex}.btn-novo:hover{transform:translateY(-2px)scale(1.01)}.confete{opacity:.9;border-radius:2px;width:10px;height:14px;animation:linear forwards cair;position:absolute;top:-12px}@keyframes girar{to{transform:rotate(360deg)}}@keyframes pulso{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes flutua{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes treme{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes entra{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cair{to{opacity:0;transform:translateY(420px)rotate(540deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=520px){.app{padding:14px 12px 50px}.header h1{font-size:21px}.q-text{font-size:18px}.res-nota{font-size:60px}.tema-nome{min-width:90px}}html[data-genero=menino]{--roxo:#2563eb;--roxo-2:#38bdf8;--roxo-claro:#dbeafe;--bg-1:#dcecff;--bg-2:#eaf5ff}html[data-genero=menina]{--roxo:#db2777;--roxo-2:#fb7185;--roxo-claro:#fce7f3;--bg-1:#ffe1f0;--bg-2:#fff0f7}.header-titulo{flex:1}.perfil-chip{background:var(--surface);box-shadow:var(--sombra-sm);border-radius:99px;align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex}.perfil-emoji{font-size:22px;line-height:1}.perfil-nome{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:14px;font-weight:800;overflow:hidden}.btn-sair{background:var(--bg-1);color:var(--ink-soft);border:none;border-radius:50%;place-items:center;width:30px;height:30px;font-size:15px;transition:all .15s;display:grid}.btn-sair:hover{background:var(--vermelho-claro);color:var(--vermelho)}.perfis-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;display:grid}.perfil-card{border-radius:var(--r-md);border:2px solid var(--bg-1);background:var(--bg-1);flex-direction:column;align-items:center;gap:6px;padding:14px 8px;transition:all .16s;display:flex}.perfil-card:hover{border-color:var(--roxo);background:#fff;transform:translateY(-2px)}.perfil-card.sel{border-color:var(--roxo);background:var(--roxo-claro)}.perfil-card-emoji{font-size:38px;line-height:1}.perfil-card-nome{color:var(--ink);font-size:13px;font-weight:800}.login-frase{animation:.25s entra}.genero-row{gap:10px;display:flex}.genero-btn{border-radius:var(--r-md);border:2px solid var(--bg-1);background:var(--bg-1);height:56px;font-family:var(--fonte-titulo);color:var(--ink);flex:1;font-size:17px;font-weight:600;transition:all .16s}.genero-btn.menino.sel{color:#1d4ed8;background:#dbeafe;border-color:#2563eb}.genero-btn.menina.sel{color:#be185d;background:#fce7f3;border-color:#db2777}.genero-btn:hover{transform:translateY(-2px)}.mascote-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;display:grid}.mascote-opt{aspect-ratio:1;border-radius:var(--r-md);border:2px solid var(--bg-1);background:var(--bg-1);place-items:center;font-size:30px;transition:all .16s;display:grid}.mascote-opt:hover{border-color:var(--roxo);background:#fff;transform:scale(1.06)}.mascote-opt.sel{border-color:var(--roxo);background:var(--roxo-claro);transform:scale(1.06)}.link-btn{color:var(--roxo);font-family:var(--fonte-texto);background:0 0;border:none;padding:0;font-size:13px;font-weight:800;text-decoration:underline}