:root{--bg: #f8fafc;--panel: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--accent: #0f172a;--danger: #dc2626;--success: #059669;--amber: #d97706;--orange: #ea580c}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}.container{max-width:1100px;margin:0 auto;padding:24px}.title{font-size:28px;font-weight:700;margin:4px 0 8px}.muted{color:var(--muted)}.row{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 900px){.row{grid-template-columns:1fr 1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 2px #0000000a}.card-header{padding:16px 18px;border-bottom:1px solid var(--border);font-weight:600}.card-body{padding:18px}.input,.textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:14px}.textarea{min-height:110px;resize:vertical}.label{font-size:14px;margin-bottom:6px;display:block}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:#fff;color:var(--text);border-color:var(--border)}.qrow{display:grid;grid-template-columns:1fr;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px}@media (min-width: 700px){.qrow{grid-template-columns:1fr auto}}.choices{display:flex;flex-wrap:wrap;gap:8px}.choice{border:1px solid var(--border);padding:8px 12px;border-radius:12px;background:#fff;font-size:14px;cursor:pointer}.choice.active{background:var(--accent);color:#fff;border-color:var(--accent)}.scorebox{border:1px solid var(--border);border-radius:12px;padding:14px}.bar{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent)}.alert{border-radius:12px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;padding:12px;display:flex;gap:10px;align-items:flex-start}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.small{font-size:12px}.badge{font-size:12px;font-weight:600}.badge.success{color:var(--success)}.badge.amber{color:var(--amber)}.badge.orange{color:var(--orange)}.badge.danger{color:var(--danger)}