.conversa{max-width:640px;margin:0 auto}
.assistente{display:flex;flex-direction:column;align-items:center;gap:8px;padding-block:8px 18px;text-align:center}
.assistente .retrato{width:88px;height:88px;border-radius:50%;object-fit:cover;border:2px solid var(--linha-forte);display:grid;place-items:center;background:var(--superficie2);color:var(--marca);font-family:var(--display);font-size:32px;font-weight:700}
.assistente b{font-family:var(--display);font-size:15px}
.assistente span{font-size:12px;color:var(--suave)}
.balao{display:flex;gap:10px;margin-top:12px;align-items:flex-start}
.balao i{width:28px;height:28px;border-radius:9px;background:var(--marca);color:#fff;display:grid;place-items:center;flex:0 0 auto;font-style:normal;font-size:13px;margin-top:2px}
.balao p{margin:0;background:var(--superficie);border:1px solid var(--linha);border-radius:4px 16px 16px 16px;padding:13px 16px;font-size:15.5px;line-height:1.55;box-shadow:var(--sombra)}
.balao.eu{flex-direction:row-reverse}
.balao.eu i{background:var(--ok)}
.balao.eu p{background:var(--marca-fraca);border-color:var(--marca);border-radius:16px 4px 16px 16px}
.resposta{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}
.resposta .btn{flex:1;min-width:150px;justify-content:center}
.caixa-horas{background:var(--superficie);border:1px solid var(--linha);border-radius:16px;padding:16px;margin-top:16px;box-shadow:var(--sombra)}
.legenda{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}
.legenda span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--suave)}
.legenda i{width:12px;height:12px;border-radius:4px;display:block}
.navega{display:flex;gap:9px;align-items:center;margin-top:14px;flex-wrap:wrap}
.navega .meio{flex:1;text-align:center;font-family:var(--display);font-weight:700;font-size:14px;min-width:150px}
.semana{display:grid;gap:10px;margin-top:16px}
@media (min-width:900px){.semana{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}}
.coluna{min-width:0;background:var(--superficie);border:1px solid var(--linha);border-radius:12px;overflow:hidden}
.coluna.e-hoje{border-color:var(--marca);box-shadow:0 0 0 2px var(--marca-fraca)}
.coluna>header{padding:9px 10px;border-bottom:1px solid var(--linha);background:var(--superficie2)}
.coluna>header b{display:block;font-family:var(--display);font-size:13px}
.coluna>header span{font-size:11px;color:var(--suave);font-variant-numeric:tabular-nums}
.coluna .corpo{padding:8px;display:flex;flex-direction:column;gap:7px;min-height:56px}
.coluna .vazio{font-size:11.5px;color:var(--suave);padding:6px 2px}
.bloco{border-radius:9px;padding:8px 9px;color:#fff;font-size:11.5px;line-height:1.35;text-align:left;width:100%;background:#2A5BD7}
.bloco[data-t="resumo"]{background:#5B86E5}
.bloco[data-t="revisao"]{background:#9A6B1E}
.bloco[data-t="exercicio"]{background:#1B8A57}
.bloco[data-atrasada="1"]{background:#C2344A}
.bloco.feito{background:#46705C;opacity:.8}
.bloco b{display:block;font-family:var(--display);font-size:11.5px;margin-bottom:2px}
.bloco .assunto{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;opacity:.93}
.bloco .pe{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:10.5px;opacity:.95}
.bloco .pe em{font-style:normal;background:rgba(255,255,255,.22);padding:1px 6px;border-radius:999px;font-variant-numeric:tabular-nums}