:root{--azul:#2563eb;--azul-escuro:#1e40af;--verde:#16a34a;--verde-claro:#dcfce7;--vermelho:#dc2626;--vermelho-claro:#fee2e2;--cinza:#6b7280;--borda:#e5e7eb;--fundo:#f8fafc}*{box-sizing:border-box}body{background:var(--fundo);color:#111827;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.container{max-width:760px;margin:0 auto;padding:0 16px 60px}.topbar{border-bottom:1px solid var(--borda);margin-bottom:24px;padding:16px 0}.logo{color:var(--azul-escuro);font-size:22px;font-weight:700;text-decoration:none}h1{font-size:26px}h2{margin-top:28px;font-size:20px}h3{margin:0 0 10px;font-size:16px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.page-foot{justify-content:flex-end;margin-top:24px;display:flex}.muted{color:var(--cinza)}.error{color:var(--vermelho);background:var(--vermelho-claro);border-radius:8px;padding:10px 14px}.link-back{color:var(--azul);text-decoration:none}.btn{border:1px solid var(--borda);cursor:pointer;color:#111827;background:#fff;border-radius:8px;padding:10px 16px;font-size:15px;text-decoration:none;display:inline-block}.btn:hover{background:#f3f4f6}.btn:disabled,.btn-disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--azul);color:#fff;border-color:var(--azul)}.btn-primary:hover{background:var(--azul-escuro)}.btn-danger{background:var(--vermelho);color:#fff;border-color:var(--vermelho)}.btn-sm{padding:6px 10px;font-size:13px}.icon-btn{cursor:pointer;background:0 0;border:none;font-size:18px}.form{flex-direction:column;gap:6px;margin-top:16px;display:flex}.form label{margin-top:12px;font-weight:600}.form input,.form textarea,.card textarea{border:1px solid var(--borda);border-radius:8px;width:100%;padding:10px;font-family:inherit;font-size:15px}.form button{align-self:flex-start;margin-top:18px}.lesson-list{margin-top:16px;padding:0;list-style:none}.lesson-card{border:1px solid var(--borda);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;display:flex}.lesson-title{color:#111827;font-size:17px;font-weight:600;text-decoration:none}.vocab-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:12px;display:grid}.vocab-card{border:1px solid var(--borda);background:#fff;border-radius:10px;padding:14px}.vocab-word{justify-content:space-between;align-items:center;font-size:17px;font-weight:700;display:flex}.vocab-translation{color:var(--azul-escuro);margin-top:4px}.vocab-example{color:var(--cinza);margin-top:6px;font-size:14px;font-style:italic}.card{border:1px solid var(--borda);background:#fff;border-radius:12px;margin-top:16px;padding:18px}.card textarea{margin-bottom:10px}.sentence-card{text-align:center}.sentence-en{margin:6px 0 16px;font-size:24px;font-weight:600}.progress-bar{background:var(--borda);border-radius:99px;height:8px;margin:8px 0 4px;overflow:hidden}.progress-fill{background:var(--azul);height:100%;transition:width .3s}.feedback{border-radius:8px;margin-top:12px;padding:12px 14px}.feedback.ok{background:var(--verde-claro);color:#065f46}.feedback.bad{background:var(--vermelho-claro);color:#991b1b}.feedback p{margin:6px 0 0}.pron-result{margin-top:14px}.score-big{color:var(--azul);font-size:44px;font-weight:800}.score-big span{color:var(--cinza);font-size:18px;font-weight:500}.words{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.word{border-radius:6px;padding:4px 8px;font-size:18px}.word-ok{background:var(--verde-claro);color:#065f46}.word-bad{background:var(--vermelho-claro);color:#991b1b;font-weight:700}.topbar{justify-content:space-between;align-items:center;display:flex}.nav{align-items:center;gap:16px;display:flex}.nav a{color:var(--azul);font-size:15px;text-decoration:none}.linklike{color:var(--azul);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:15px}.linklike:hover{text-decoration:underline}.info{color:#065f46;background:var(--verde-claro);border-radius:8px;padding:10px 14px}.auth-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{border:1px solid var(--borda);background:#fff;border-radius:16px;width:100%;max-width:380px;padding:28px;box-shadow:0 10px 30px #0000000f}.auth-logo{color:var(--azul-escuro);text-align:center;font-size:30px;font-weight:800}.auth-sub{text-align:center;color:var(--cinza);margin:6px 0 8px;font-size:14px}.auth-card h2{text-align:center;margin:14px 0 4px}.auth-form{flex-direction:column;gap:10px;margin-top:14px;display:flex}.auth-form input{border:1px solid var(--borda);border-radius:10px;width:100%;padding:12px;font-family:inherit;font-size:15px}.auth-form input:focus{outline:2px solid var(--azul);border-color:var(--azul)}.auth-form button{background:var(--azul);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:6px;padding:12px;font-size:16px;font-weight:600}.auth-form button:hover{background:var(--azul-escuro)}.auth-form button:disabled{opacity:.6;cursor:not-allowed}.auth-toggle{text-align:center;color:var(--cinza);margin-top:16px;font-size:14px}.rate-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.rate{color:#fff;border:none;flex:1;min-width:70px;font-weight:600}.rate-again{background:var(--vermelho)}.rate-hard{background:#f59e0b}.rate-good{background:var(--azul)}.rate-easy{background:var(--verde)}.rate:hover{opacity:.92}