:root{--navy:#0b1f3a;--red:#c8102e;--bg:#f3f4f6;--ink:#1f2933;--mut:#6b7280}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}
header{background:var(--navy);color:#fff;padding:16px 28px;border-left:8px solid var(--red)}
header h1{margin:0;font-size:20px}header a{color:#cbd5e1;margin-left:16px;font-size:14px}
main{max-width:900px;margin:24px auto;padding:0 16px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:16px}
label{display:block;margin:10px 0 4px;font-size:13px;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}
input,select,textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font:inherit}
button{background:var(--navy);color:#fff;border:0;border-radius:6px;padding:10px 18px;font:inherit;cursor:pointer;margin-top:12px}
button.sec{background:#fff;color:var(--navy);border:1px solid var(--navy)}button:disabled{opacity:.5}
.msg{padding:12px 14px;border-radius:8px;margin:10px 0;max-width:85%;white-space:pre-wrap}
.bot{background:var(--navy);color:#fff}.me{background:#e5e7eb;margin-left:auto}
.mut{color:var(--mut);font-size:14px}table{width:100%;border-collapse:collapse}
th,td{padding:8px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:14px}tr.click{cursor:pointer}
tr.click:hover{background:#f9fafb}.score{font-size:42px;font-weight:700}
.bar{height:6px;background:#e5e7eb;border-radius:3px;margin-top:4px}.bar>i{display:block;height:6px;background:var(--navy);border-radius:3px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pill{background:var(--navy);color:#fff;padding:6px 12px;border-radius:6px;display:inline-block}