.ketilon-app{--kl-verde:#2E5A3E;--kl-claro:#EEF2EE;--kl-borda:#cdd8ce;max-width:640px;margin:1.2em auto;
  font-family:inherit;color:#222;border:1px solid var(--kl-borda);border-radius:12px;overflow:hidden;background:#fff}
.ketilon-tabs{display:flex;background:var(--kl-verde)}
.ketilon-tab{flex:1;border:0;background:transparent;color:#dfe9e0;padding:.7em .4em;font-size:.95em;cursor:pointer;transition:background .15s}
.ketilon-tab:hover{background:rgba(255,255,255,.08)}
.ketilon-tab.ativo{background:#fff;color:var(--kl-verde);font-weight:600}
.ketilon-panel{display:none;padding:1.1em 1.2em}
.ketilon-panel.ativo{display:block}
.ketilon-label{display:block;font-size:.82em;color:#556;margin:.2em 0 .35em;text-transform:uppercase;letter-spacing:.03em}
.ketilon-input{width:100%;box-sizing:border-box;padding:.6em .7em;border:1px solid var(--kl-borda);border-radius:8px;font-size:1em;background:#fff}
.ketilon-input:focus{outline:2px solid var(--kl-verde);outline-offset:1px}
textarea.ketilon-input{resize:vertical}
.ketilon-row{display:flex;gap:.6em;align-items:center;flex-wrap:wrap;margin:.6em 0}
.ketilon-row .ketilon-input{width:auto;flex:1;min-width:120px}
.ketilon-btn{background:var(--kl-verde);color:#fff;border:0;border-radius:8px;padding:.6em 1.1em;font-size:.95em;cursor:pointer}
.ketilon-btn:hover{filter:brightness(1.08)}
.ketilon-btn-sec{background:#6b7d6e}
.ketilon-check{font-size:.85em;color:#445;display:flex;align-items:center;gap:.35em}
.ketilon-dic-resultados{margin-top:.7em;max-height:340px;overflow:auto}
.ketilon-entry{padding:.5em .2em;border-bottom:1px solid var(--kl-claro);display:flex;flex-wrap:wrap;gap:.2em .6em;align-items:baseline}
.ketilon-entry .kl-ket{font-family:Consolas,Menlo,monospace;color:var(--kl-verde);font-weight:600;font-size:1.05em}
.ketilon-entry .kl-pt{color:#333}
.ketilon-entry .kl-cls{font-size:.78em;color:#889;font-style:italic}
.ketilon-entry .kl-et{font-size:.78em;color:#aab;width:100%}
.ketilon-vazio{color:#889;font-style:italic;padding:.6em .2em}
.ketilon-trad-resultado,.ketilon-nome-resultado{margin-top:.8em}
.kl-frase-canon{background:var(--kl-claro);border-left:4px solid var(--kl-verde);padding:.7em .9em;border-radius:6px;margin-bottom:.6em}
.kl-ket-out{font-family:Consolas,Menlo,monospace;color:var(--kl-verde);font-size:1.15em;font-weight:600}
.kl-gloss{margin-top:.5em;line-height:1.7}
.kl-tok{display:inline-block;margin:.1em .15em;padding:.05em .35em;background:var(--kl-claro);border-radius:5px}
.kl-tok.kl-desconhecido{background:#fbeaea;color:#a33}
.kl-tok small{color:#778;font-size:.78em}
.kl-siranti{margin-top:.5em;font-size:.92em;color:#556}
.ketilon-aviso{font-size:.8em;color:#889;margin-top:.8em;font-style:italic}
.kl-nome-card{text-align:center;background:var(--kl-claro);border-radius:10px;padding:1.1em}
.kl-nome{font-family:Consolas,Menlo,monospace;color:var(--kl-verde);font-size:1.8em;font-weight:700}
.kl-nome-pron{color:#667;margin:.3em 0}
.kl-nome-sig{color:#334}
.ketilon-credito{text-align:center;font-size:.78em;color:#99a;padding:.2em 0 .9em;margin:0}