.topic-picker{margin:20px 0}.topic-picker-search{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.topic-picker-search input{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;font-size:.87rem}.topic-picker-search:focus-within{outline:2px solid var(--primary);outline-offset:2px}.topic-picker-tabs{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.topic-picker-tabs button{border:1px solid var(--border);background:var(--surface);color:var(--muted);font:inherit;cursor:pointer;border-radius:20px;padding:8px 11px;font-size:.74rem}.topic-picker-tabs button[aria-pressed=true]{color:var(--primary);border-color:var(--primary);background:var(--primary-light);font-weight:700}.topic-picker-selected{background:var(--primary-light);border-radius:12px;flex-wrap:wrap;gap:6px;padding:12px;display:flex}.topic-picker-selected button{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:.73rem;display:flex}.topic-picker-status,.topic-picker-empty{color:var(--muted);margin:14px 0;font-size:.8rem;line-height:1.5}.topic-picker-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:8px;margin-bottom:14px;display:grid}.topic-picker-grid button{border:1px solid var(--border);background:var(--surface);min-height:50px;color:var(--text);text-align:left;font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:13px 12px;font-size:.82rem;display:flex}.topic-picker-grid button[aria-pressed=true]{border-color:var(--primary);background:var(--primary-light);font-weight:650}.topic-picker-check{border:1px solid var(--border);background:var(--surface);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.topic-picker-grid button[aria-pressed=true] .topic-picker-check{background:var(--primary);color:#fff;border-color:var(--primary)}.topic-picker button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.topic-picker-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:16px 0;display:flex}.topic-picker-pagination span{color:var(--muted);font-size:.8rem}.signup-role-results{gap:6px;margin:10px 0 20px;display:grid}.signup-role-results button{border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;font:inherit;border-radius:10px;padding:11px 13px}.signup-role-results button strong{font-size:.83rem;display:block}.signup-role-results button span{color:var(--muted);font-size:.73rem}@media (width<=420px){.topic-picker-grid{grid-template-columns:1fr}}