.brand-banner{background:#fff;padding:10px 16px;border-bottom:2px solid #e6e6e6}
.banner-img{max-width:360px;height:auto;display:block}
body{font-family:'Lato',Segoe UI,Arial,sans-serif;background:#f6f8fa;color:#111;margin:0;padding:16px}
header{margin-bottom:12px}
.title-row{display:flex;align-items:center;gap:12px;margin-top:10px}

/* Brand color accents (matching logo text: black, blue, red) */
:root{--brand-black:#111111;--brand-blue:#1e73be;--brand-red:#d32f2f}
.card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:12px}
.hidden{display:none}
#conversation{min-height:120px;border:1px solid #eee;padding:8px;border-radius:6px;margin-bottom:8px;overflow:auto}
.message{padding:6px 8px;margin:6px 0;border-radius:6px}
.bot{background:linear-gradient(90deg,rgba(30,115,190,0.08),rgba(30,115,190,0.02))}
.user{background:linear-gradient(90deg,rgba(211,47,47,0.06),rgba(30,115,190,0.02));text-align:right}
.controls{display:flex;gap:8px;margin-top:8px}
.actions{margin-top:12px}
#reviewList{max-height:300px;overflow:auto;border:1px solid #eee;padding:8px;border-radius:6px}
button{padding:8px 12px;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer}
button:disabled{opacity:.6;cursor:not-allowed}
input[type=text], #answerInput{width:100%;padding:8px;border:1px solid #ccc;border-radius:6px}
h1{font-family:'Roboto Slab', serif;color:var(--brand-black);margin:0}
h2{font-family:'Roboto Slab', serif;color:var(--brand-blue)}
button{border-color:rgba(0,0,0,0.12);}
button#startBtn,button#nextBtn{background:linear-gradient(180deg,var(--brand-blue),#1560a8);color:#fff;border:none}
button#exportBtn,button#exportEncBtn{border:1px solid var(--brand-blue);color:var(--brand-blue)}
footer{margin-top:20px}