:root{--primary-950:#0b1530;--primary-700:#2b3f7a;--primary-500:#4e6bc6;--primary-50:#f0f4fd;--accent:#e8b059;--neutral-900:#141821;--neutral-100:#f3f5f8;--neutral-300:#d8dde4;--success:#2f9e66;--danger:#d23f4e;--radius:8px;--max-w:720px}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--neutral-900);background:var(--neutral-100);line-height:1.5;font-size:16px}a{color:var(--primary-700);text-decoration:none}a:hover{text-decoration:underline}.topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--primary-950);color:#fff}.topbar .logo{font-weight:700;font-size:20px;color:#fff}.topbar .badge{margin-left:auto;font-size:12px;background:var(--accent);color:var(--neutral-900);padding:2px 8px;border-radius:12px;font-weight:600}.container{max-width:var(--max-w);margin:0 auto;padding:24px 16px 64px}h1,h2,h3{font-family:"Source Serif 4",Georgia,serif;color:var(--primary-950);margin:0 0 16px}h1{font-size:28px}h2{font-size:20px;margin-top:24px}.card{background:#fff;border:1px solid var(--neutral-300);border-radius:var(--radius);padding:16px;margin-bottom:16px}label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}input[type=email],input[type=number],input[type=text],textarea{width:100%;padding:10px 12px;border:1px solid var(--neutral-300);border-radius:var(--radius);font-size:16px;font-family:inherit;background:#fff}input:focus,textarea:focus{outline:2px solid var(--primary-500);border-color:var(--primary-500)}textarea{min-height:100px;resize:vertical}button{background:var(--primary-700);color:#fff;border:none;border-radius:var(--radius);padding:12px 18px;font-size:16px;font-weight:600;cursor:pointer;font-family:inherit}button:hover:not(:disabled){background:var(--primary-950)}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:#fff;color:var(--primary-700);border:1px solid var(--primary-700)}.error{background:#fdecee;border:1px solid var(--danger);color:var(--danger);padding:10px 12px;border-radius:var(--radius);margin-bottom:12px}.error,.muted{font-size:14px}.muted{color:#666}.bubble{padding:12px 16px;border-radius:var(--radius);margin-bottom:12px;white-space:pre-wrap}.bubble.user{background:var(--primary-50);border-left:3px solid var(--primary-500)}.bubble.assistant{background:#fff;border:1px solid var(--neutral-300)}.bubble .role{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:6px}.bubble.assistant .role{color:var(--primary-700)}.composer{display:grid;grid-gap:8px;gap:8px;margin-top:16px}.footer{text-align:center;padding:16px;color:#666;font-size:12px}