:root{--marinho:#0f2340;--marinho-2:#17325a;--laranja:#ee7a1b;--laranja-forte:#d4630a;--laranja-suave:#fdebdc;
--fundo:#f3f5f9;--sup:#fff;--borda:#dfe4ee;--texto:#14213a;--texto-2:#4a5873;--bolha-eu:#0f2340}
@media (prefers-color-scheme:dark){:root{--fundo:#0b1526;--sup:#13213a;--borda:#24365a;--texto:#e7ecf5;--texto-2:#9fb0cc;--laranja-suave:#3a2512;--bolha-eu:#ee7a1b}}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Inter,sans-serif;background:var(--fundo);color:var(--texto);display:flex;flex-direction:column;line-height:1.55}
.topo{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--marinho);color:#fff;position:sticky;top:0;z-index:2}
.marca{display:flex;gap:10px;align-items:center}
.marca b{font-size:1.1rem;display:block;line-height:1.1}
.marca small{color:#aebbd3;font-size:.78rem}
.limpar{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:.45em .9em;cursor:pointer;font-size:.85rem}
.limpar:hover{border-color:#fff}
main{flex:1;overflow-y:auto;padding:18px 16px 8px;max-width:820px;width:100%;margin:0 auto}
.boas{text-align:center;padding:24px 4px}
.boas h1{font-size:clamp(1.5rem,4.5vw,2.1rem);margin:.2em 0 .4em;letter-spacing:-.02em}
.boas h1 span{color:var(--laranja)}
.boas p{color:var(--texto-2);max-width:560px;margin:0 auto 18px}
.sugestoes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
.sugestoes button{background:var(--sup);border:1px solid var(--borda);border-radius:12px;padding:12px 14px;text-align:left;color:var(--texto);cursor:pointer;font-size:.92rem}
.sugestoes button:hover{border-color:var(--laranja)}
.dica{font-size:.88rem}
@media(max-width:560px){.sugestoes{grid-template-columns:1fr}}
.msg{display:flex;margin:12px 0}
.msg.eu{justify-content:flex-end}
.bolha{max-width:88%;padding:12px 15px;border-radius:16px;background:var(--sup);border:1px solid var(--borda);white-space:normal;overflow-wrap:anywhere}
.eu .bolha{background:var(--bolha-eu);color:#fff;border-color:transparent;border-bottom-right-radius:4px}
.iris .bolha{border-bottom-left-radius:4px}
.bolha b{font-weight:700}
.bolha p{margin:0 0 .6em}.bolha p:last-child{margin:0}
.bolha ol,.bolha ul{margin:.3em 0 .6em;padding-left:1.3em}
.bolha li{margin:.2em 0}
.cit{display:inline-block;font-size:.72rem;font-weight:700;background:var(--laranja-suave);color:var(--laranja-forte);border-radius:6px;padding:0 .35em;margin-left:2px;vertical-align:1px}
.fontes{margin-top:10px;padding-top:8px;border-top:1px dashed var(--borda);font-size:.8rem;color:var(--texto-2)}
.fontes div{margin-top:2px}
.fontes .cit{margin:0 4px 0 0}
.status-sem .bolha,.status-fora .bolha{border-color:var(--laranja)}
.digitando .bolha{color:var(--texto-2)}
.pontos::after{content:"";animation:pts 1.2s infinite steps(4)}
@keyframes pts{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.rodape{padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--fundo);border-top:1px solid var(--borda)}
form{display:flex;gap:8px;max-width:820px;margin:0 auto;align-items:flex-end}
textarea{flex:1;resize:none;border:1.5px solid var(--borda);border-radius:14px;padding:12px 14px;font:inherit;background:var(--sup);color:var(--texto);max-height:160px;font-size:16px}
textarea:focus{outline:none;border-color:var(--laranja)}
#enviar{width:48px;height:48px;border-radius:14px;border:0;background:var(--laranja);color:#fff;font-size:1.2rem;cursor:pointer;flex:none}
#enviar:disabled{opacity:.5;cursor:wait}
.aviso{max-width:820px;margin:6px auto 0;font-size:.74rem;color:var(--texto-2);text-align:center}
@media (prefers-reduced-motion:reduce){.pontos::after{animation:none;content:"..."}}