.tabs{display:flex;gap:10px;margin:24px 0}.tabs button{padding:12px 18px;border:2px solid #111;background:#fff;font-weight:900}.tabs .active{background:#ffd400}.cards{display:grid;gap:14px}.card{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;background:#fff;border:2px solid #111;padding:20px;box-shadow:4px 4px #ffd400}.card h3{margin:4px 0}.badge{display:inline-block;padding:5px 9px;background:#e9e9e9;border:1px solid #111;font-size:12px;font-weight:900;text-transform:uppercase}.card button,.questions-head button,.question-row button{border:2px solid #111;background:#ffd400;padding:9px 12px;font-weight:900}.tools{display:grid;grid-template-columns:1fr 220px;gap:12px;margin-bottom:20px}.tools input,.tools select,dialog input,dialog textarea,dialog select{width:100%;padding:11px;border:2px solid #777;font:inherit}.grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.full{grid-column:1/-1}.questions-head{display:flex;justify-content:space-between;align-items:center;margin-top:24px;border-top:2px solid #111}.question-row{background:#fff;border:2px solid #111;padding:14px;margin:12px 0;display:grid;grid-template-columns:1fr 160px 120px auto;gap:10px;align-items:end}.question-options{grid-column:1/-1}.answer{background:#fff;border-left:5px solid #ffd400;padding:12px;margin:10px 0}.profile{background:#fff;border:2px solid #111;padding:18px;margin-bottom:15px}.message{font-weight:800}@media(max-width:750px){.card,.grid,.tools,.question-row{grid-template-columns:1fr}.full,.question-options{grid-column:auto}}