:root{--bg:#f7f9fc;--card:#fff;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--accent:#0b76d2;--ok:#16a34a}
.container{max-width:980px;margin:0 auto;padding:24px}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
h2.section{margin:0 0 8px 0;font-size:18px} label{display:block;font-weight:600;margin:14px 0 8px}
textarea, select, input[type="text"], .asp-input{width:100%;border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:15px;background:#fff;color:var(--text)}
textarea{min-height:110px;resize:vertical}
.row{display:flex;gap:12px;align-items:center}.row .grow{flex:1 1 auto}
.btn{border:none;border-radius:10px;padding:11px 18px;font-weight:700;cursor:pointer}
.btn.primary{background:var(--accent);color:#fff}.btn.ghost{background:#e5e7eb}
.answer{border:1px solid var(--border);border-radius:10px;background:#fff;padding:14px;min-height:160px;overflow:auto;white-space:pre-wrap;line-height:1.45}
.chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.chip-btn{background:#eef2f7;color:#374151;border:1px solid var(--border);border-radius:999px;padding:10px 14px;font-weight:600;cursor:pointer}
.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.25);display:none;align-items:center;justify-content:center;padding:20px;z-index:1000}
.modal{max-width:860px;width:100%;background:#fff;border-radius:16px;border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.25)}
.hidden{display:none}
.tabs{display:flex;gap:8px;margin:6px 0 16px}
.tab{padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:#f1f5f9;cursor:pointer}
.tab.active{background:#e0f2fe;border-color:#93c5fd}
.grid{display:grid;grid-template-columns: 1fr 1fr; gap:18px}
.section{border:1px solid var(--border);border-radius:12px;padding:14px}
.diag{background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:12px}
.ok{color:var(--ok)}
@media (max-width:760px){ .grid{grid-template-columns:1fr} }
body{background:var(--bg);color:var(--text)}
/* ASP.NET WebForms buttons styled like chips */
input[type="submit"].chip-btn, button.chip-btn{background:#eef2f7;color:#374151;border:1px solid var(--border);border-radius:999px;padding:10px 14px;font-weight:600;cursor:pointer}