:root{--indigo: #4f46e5;--bg: #f8fafc;--border: #e2e8f0;--text: #1f2937;--muted: #64748b}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.app{max-width:960px;margin:0 auto;padding:24px}header.bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h1{font-size:20px}button{background:var(--indigo);color:#fff;border:0;border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer}button.secondary{background:#fff;color:var(--text);border:1px solid var(--border)}a.link{color:var(--indigo);cursor:pointer}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:14px}.row{display:flex;gap:10px;align-items:center}input,textarea,select{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:14px;margin:4px 0 12px}label.field{display:block;font-size:13px;color:var(--muted);font-weight:600}.bar-track{background:#eef2ff;border-radius:6px;overflow:hidden;height:22px;flex:1}.bar-fill{background:var(--indigo);height:100%}.muted{color:var(--muted);font-size:13px}.q-block{border:1px dashed var(--border);border-radius:8px;padding:12px;margin-bottom:10px}
