.qb-topics{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-bottom:var(--s-4)}.qb-topics button{font-family:inherit;font-size:.78rem;font-weight:600;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);padding:5px 12px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.qb-topics button:hover{border-color:var(--muted-2)}.qb-topics button.is-active{background:var(--brand);border-color:var(--brand);color:#fff}.qb-topics em{font-style:normal;opacity:.6;font-size:.72rem;margin-left:3px}.qb-result-count{font-size:.82rem;color:var(--muted);margin-bottom:var(--s-2)}.qb-search{font-family:inherit;font-size:.86rem;font-weight:500;text-transform:none;letter-spacing:0;color:var(--ink);padding:8px 11px;border:1px solid var(--line);border-radius:var(--r-sm);min-width:230px}.qb-filters,.qb-search{background:var(--surface)}.qb-filters{border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s-4) var(--s-5);margin-bottom:var(--s-4)}.qb-selects{display:flex;gap:var(--s-2);flex-wrap:wrap}.qb-selects input,.qb-selects select{font-family:inherit;font-size:.88rem;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink);outline:none}.qb-selects input:focus,.qb-selects select:focus{border-color:var(--brand)}.qb-selects input{flex:1 1;min-width:200px}.qb-empty{text-align:center;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-7) var(--s-4)}.qb-list{display:flex;flex-direction:column;gap:var(--s-2);margin-bottom:var(--s-5)}.qb-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;transition:border-color .15s,box-shadow .15s}.qb-card:hover{border-color:var(--muted-2)}.qb-card.is-open{border-color:var(--brand);box-shadow:0 2px 14px rgba(239,58,61,.07)}.qb-card-head{width:100%;display:flex;align-items:flex-start;gap:var(--s-3);text-align:left;background:none;border:none;font-family:inherit;padding:var(--s-3) var(--s-4);cursor:pointer}.qb-card-main{flex:1 1;min-width:0}.qb-card-head h3{font-size:.95rem;font-weight:700;color:var(--ink);margin:6px 0 0;line-height:1.4}.qb-preview{font-size:.83rem;color:var(--muted);line-height:1.6;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qb-caret{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--surface-sunk);color:var(--ink-2);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.qb-card.is-open .qb-caret{background:var(--brand);color:#fff}.qb-chips{display:flex;flex-wrap:wrap;gap:5px}.qb-chip{font-size:.68rem;font-weight:700;letter-spacing:.3px;padding:2px 8px;border-radius:var(--r-pill);background:var(--surface-sunk);color:var(--ink-2);white-space:nowrap}.qb-chip.qb-muted{color:var(--muted-2)}.m-listening{background:#eef4ff;color:#1d4ed8}.m-reading{background:#ecfdf5;color:#047857}.m-writing{background:var(--brand-tint);color:var(--brand-dark)}.m-speaking{background:#fdf4ff;color:#a21caf}.d-easy{background:#ecfdf5;color:#047857}.d-medium{background:#fffbeb;color:#b45309}.d-hard{background:var(--brand-tint);color:var(--brand-dark)}.qb-body{padding:0 var(--s-4) var(--s-4);border-top:1px solid var(--line);margin-top:var(--s-1);padding-top:var(--s-4)}.qb-prompt p{font-size:.9rem;color:var(--ink-2);line-height:1.75;margin-bottom:var(--s-2)}.qb-options{list-style:none;margin:var(--s-3) 0;display:flex;flex-direction:column;gap:6px}.qb-options li{font-size:.87rem;color:var(--ink-2);background:var(--surface-sunk);border-radius:var(--r-sm);padding:8px 12px;line-height:1.5}.qb-answer-btn{font-family:inherit;font-size:.82rem;font-weight:700;color:var(--brand);background:var(--brand-tint);border:1px solid #fca5a5;border-radius:var(--r-sm);padding:8px 16px;cursor:pointer;margin-top:var(--s-2)}.qb-answer-btn:hover{background:#fde5e5}.qb-answer{margin-top:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface-sunk);border-left:3px solid var(--brand);border-radius:0 var(--r-sm) var(--r-sm) 0}.qb-answer-label{font-size:.68rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--brand);margin-bottom:6px}.qb-answer p{font-size:.88rem;color:var(--ink-2);line-height:1.75;margin-bottom:var(--s-2)}.qb-explain{border-top:1px dashed var(--line);padding-top:var(--s-2);font-size:.84rem!important;color:var(--muted)!important}.qb-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:var(--s-3)}.qb-tags span{font-size:.72rem;color:var(--muted);background:var(--surface-sunk);border-radius:var(--r-pill);padding:2px 9px}.qb-more{width:100%;font-family:inherit;font-size:.86rem;font-weight:700;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:13px;cursor:pointer;margin-bottom:var(--s-6)}.qb-more:hover{border-color:var(--brand);color:var(--brand)}@media (max-width:600px){.qb-search{min-width:0;width:100%}.qs-filters label{width:100%}}