.qb{background:var(--tc-ground);min-height:100vh;color:var(--tc-ink);font-family:var(--tc-font-body)}.qb-wrap{max-width:1360px;margin:0 auto;padding:20px 16px 48px}@media (min-width:768px){.qb-wrap{padding:24px 24px 64px}}.qb-strip{border-bottom:1px solid var(--tc-line);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:.875rem;display:flex}.qb-strip--free{background:var(--tc-amber-tint);color:var(--tc-amber-text)}.qb-strip--pro{background:var(--tc-good-tint);color:var(--tc-good-text)}.qb-strip b{font-weight:700}.qb-strip button{font:inherit;color:var(--tc-brand-deep);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:32px;padding:0 4px;font-weight:700;text-decoration:underline}.qb-path{background:var(--tc-surface);border:1px solid var(--tc-line);box-shadow:var(--tc-shadow);border-radius:16px;margin-bottom:20px}.qb-path>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:12px 16px;list-style:none;display:flex}.qb-path>summary::-webkit-details-marker{display:none}.qb-path__t{align-items:center;gap:10px;font-size:.9375rem;font-weight:700;display:flex}.qb-path__t svg{color:var(--tc-amber-text)}.qb-path__hint{color:var(--tc-muted);font-size:.8125rem;font-weight:500}.qb-path__body{border-top:1px solid var(--tc-line);padding:0 16px 16px}.qb-path__levels{flex-wrap:wrap;gap:8px;padding:14px 0 12px;display:flex}.qb-path ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.qb-path li{color:var(--tc-ink-2);align-items:flex-start;gap:10px;font-size:.9375rem;line-height:1.5;display:flex}.qb-path li i{background:var(--tc-brand-tint);width:24px;height:24px;color:var(--tc-brand-deep);font:700 .75rem/24px var(--tc-font-mono);text-align:center;border-radius:50%;flex:none;font-style:normal}.qb-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (min-width:960px){.qb-layout{grid-template-columns:292px minmax(0,1fr)}}.qb-side{background:var(--tc-surface);border:1px solid var(--tc-line);box-shadow:var(--tc-shadow);border-radius:16px}@media (min-width:960px){.qb-side{overscroll-behavior:contain;max-height:calc(100vh - 92px);position:sticky;top:76px;overflow-y:auto}}.qb-side__head{border-bottom:1px solid var(--tc-line);background:var(--tc-surface);z-index:1;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;top:0}.qb-side__head b{align-items:center;gap:8px;font-size:.875rem;display:inline-flex}.qb-side__head b svg{color:var(--tc-signal)}.qb-side__body{gap:18px;padding:14px 16px 16px;display:grid}details.qb-filters>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:12px 16px;font-size:.9375rem;font-weight:700;list-style:none;display:flex}details.qb-filters>summary::-webkit-details-marker{display:none}details.qb-filters>summary svg:last-child{color:var(--tc-muted);transition:transform .15s}details.qb-filters[open]>summary svg:last-child{transform:rotate(180deg)}details.qb-filters[open]>summary{border-bottom:1px solid var(--tc-line)}.qb-search{position:relative}.qb-search>svg{width:16px;height:16px;color:var(--tc-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.qb-search input{border:1px solid var(--tc-line-strong);background:var(--tc-inset);width:100%;min-height:44px;color:var(--tc-ink);font:.9375rem var(--tc-font-body);border-radius:12px;padding:0 40px 0 38px}.qb-search input:focus{outline:2px solid var(--tc-brand);outline-offset:1px;border-color:var(--tc-brand);background:var(--tc-surface)}.qb-search__clear{width:32px;height:32px;color:var(--tc-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.qb-search__clear:hover{background:var(--tc-line);color:var(--tc-ink)}.qb-search kbd{font:.6875rem var(--tc-font-mono);color:var(--tc-muted);border:1px solid var(--tc-line-strong);pointer-events:none;border-radius:6px;padding:2px 6px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.qb-label{font:600 .6875rem/1 var(--tc-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tc-muted);justify-content:space-between;align-items:center;margin:0 0 8px;display:flex}.qb-label button{font:inherit;color:var(--tc-rust-text);cursor:pointer;letter-spacing:0;text-transform:none;background:0 0;border:0;min-height:24px}.qb-chips{flex-wrap:wrap;gap:6px;display:flex}.qb-chip{border:1px solid var(--tc-line-strong);background:var(--tc-surface);min-height:34px;color:var(--tc-ink-2);font:500 .8125rem var(--tc-font-body);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.qb-chip:hover{border-color:var(--tc-brand);color:var(--tc-brand-deep)}.qb-chip[aria-pressed=true]{background:var(--tc-brand-tint);border-color:var(--tc-brand-line);color:var(--tc-brand-deep);font-weight:700}.qb-chip small{font:.6875rem var(--tc-font-mono);color:var(--tc-muted)}.qb-chip[aria-pressed=true] small{color:inherit;opacity:.8}.qb-chip[data-tone=good][aria-pressed=true]{background:var(--tc-good-tint);border-color:var(--tc-good);color:var(--tc-good-text)}.qb-chip[data-tone=amber][aria-pressed=true]{background:var(--tc-amber-tint);border-color:var(--tc-amber);color:var(--tc-amber-text)}.qb-chip[data-tone=rust][aria-pressed=true]{background:var(--tc-rust-tint);border-color:var(--tc-rust);color:var(--tc-rust-text)}.qb-chip[data-tone=signal][aria-pressed=true]{background:var(--tc-signal-tint);border-color:var(--tc-signal);color:var(--tc-signal)}@media (pointer:coarse){.qb-chip{min-height:40px}}.qb-topics{gap:4px;display:grid}.qb-topics__all{width:100%;min-height:40px;color:var(--tc-ink);font:600 .875rem var(--tc-font-body);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;display:flex}.qb-topics__all[aria-pressed=true],.qb-topic[aria-pressed=true]{background:var(--tc-brand-tint);color:var(--tc-brand-deep)}.qb-tgroup{border:1px solid var(--tc-line);border-radius:12px;overflow:hidden}.qb-tgroup>summary{cursor:pointer;background:var(--tc-inset);align-items:center;gap:8px;min-height:42px;padding:0 10px 0 12px;font-size:.875rem;font-weight:600;list-style:none;display:flex}.qb-tgroup>summary::-webkit-details-marker{display:none}.qb-tgroup>summary svg{color:var(--tc-muted);flex:none;transition:transform .15s}.qb-tgroup[open]>summary svg{transform:rotate(90deg)}.qb-tgroup__n{font:.6875rem var(--tc-font-mono);color:var(--tc-muted);white-space:nowrap;margin-left:auto}.qb-tgroup[data-active=true]>summary{color:var(--tc-brand-deep)}.qb-tgroup__list{gap:1px;padding:4px;display:grid}.qb-topic{width:100%;min-height:36px;color:var(--tc-ink-2);font:500 .8125rem/1.3 var(--tc-font-body);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;display:flex}.qb-topic:hover{background:var(--tc-inset);color:var(--tc-ink)}.qb-topic span:last-child,.qb-topics__all span:last-child{font:.6875rem var(--tc-font-mono);color:var(--tc-muted);flex:none}.qb-topic[aria-pressed=true]{font-weight:700}.qb-topic mark{background:var(--tc-amber-tint);color:inherit;border-radius:3px;padding:0 1px}.qb-topics__none{color:var(--tc-muted);padding:6px 10px;font-size:.8125rem}@media (pointer:coarse){.qb-topic{min-height:44px}}.qb-modes{background:var(--tc-surface);border:1px solid var(--tc-line);box-shadow:var(--tc-shadow);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:14px;padding:4px;display:grid}.qb-mode{min-height:48px;color:var(--tc-ink-2);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:6px 10px;text-decoration:none;display:flex}.qb-mode svg{width:16px;height:16px;color:var(--tc-muted);flex:none}.qb-mode b{font-size:.875rem;line-height:1.2;display:block}.qb-mode small{color:var(--tc-muted);font-size:.75rem;display:block}.qb-mode[aria-current=true]{background:var(--tc-brand-solid);color:#fff}.qb-mode[aria-current=true] svg,.qb-mode[aria-current=true] small{color:#fffc}.qb-mode:not([aria-current=true]):hover{background:var(--tc-inset)}@media (max-width:480px){.qb-mode small{display:none}}.qb-head{z-index:5;background:color-mix(in srgb, var(--tc-surface) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--tc-line);box-shadow:var(--tc-shadow);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;display:flex;position:sticky;top:64px}.qb-head__count{flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;font-size:.9375rem;font-weight:600;display:flex}.qb-head__count b{font-family:var(--tc-font-mono);color:var(--tc-brand-deep);font-size:1.0625rem}.qb-head__count small{color:var(--tc-muted);font-size:.8125rem;font-weight:500}.qb-head__actions{flex-wrap:wrap;gap:6px;display:flex}.qb-act{border:1px solid var(--tc-line-strong);background:var(--tc-surface);min-height:36px;color:var(--tc-ink-2);font:600 .8125rem var(--tc-font-body);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:0 12px;text-decoration:none;display:inline-flex}.qb-act:hover{border-color:var(--tc-brand);color:var(--tc-brand-deep)}.qb-act[aria-pressed=true]{background:var(--tc-amber-tint);border-color:var(--tc-amber);color:var(--tc-amber-text)}.qb-act[data-locked=true]{color:var(--tc-muted)}.qb-act--danger{color:var(--tc-rust-text);border-color:var(--tc-rust-tint);background:var(--tc-rust-tint)}.qb-act svg{width:14px;height:14px}@media (pointer:coarse){.qb-act{min-height:44px}}.qb-active{flex-wrap:wrap;gap:6px;width:100%;display:flex}.qb-active .qb-chip{min-height:28px;font-size:.75rem}.qb-card{background:var(--tc-surface);border:1px solid var(--tc-line);box-shadow:var(--tc-shadow);border-radius:16px;margin-bottom:10px;transition:border-color .15s}.qb-card[data-open=true]{border-color:var(--tc-brand-line)}.qb-card__q{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:0;border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.qb-num{background:var(--tc-inset);width:28px;height:28px;color:var(--tc-muted);font:700 .75rem/28px var(--tc-font-mono);text-align:center;border-radius:8px;flex:none}.qb-card[data-open=true] .qb-num{background:var(--tc-brand-tint);color:var(--tc-brand-deep)}.qb-card__text{flex:1;min-width:0}.qb-card__text p{color:var(--tc-ink);text-wrap:pretty;margin:0 0 8px;font-size:.9375rem;font-weight:600;line-height:1.5}.qb-card__chev{color:var(--tc-muted);flex:none;margin-top:4px}.qb-tags{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.qb-tag{min-height:22px;font:600 .6875rem/1 var(--tc-font-mono);letter-spacing:.01em;background:var(--tc-inset);color:var(--tc-ink-2);border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.qb-tag svg{width:10px;height:10px}.qb-tag[data-tone=brand]{background:var(--tc-brand-tint);color:var(--tc-brand-deep)}.qb-tag[data-tone=good]{background:var(--tc-good-tint);color:var(--tc-good-text)}.qb-tag[data-tone=amber]{background:var(--tc-amber-tint);color:var(--tc-amber-text)}.qb-tag[data-tone=rust]{background:var(--tc-rust-tint);color:var(--tc-rust-text)}.qb-tag[data-tone=signal]{background:var(--tc-signal-tint);color:var(--tc-signal)}.qb-tag[data-tone=lock]{background:var(--tc-amber-tint);color:var(--tc-amber-text);border-color:var(--tc-amber)}.qb-card__body{padding:0 16px 16px}.qb-card__sep{border-top:1px solid var(--tc-line);margin-bottom:14px}.qb-answer p{color:var(--tc-ink-2);white-space:pre-line;margin:0 0 10px;font-size:.9375rem;line-height:1.7}.qb-answer strong{color:var(--tc-ink);font-weight:700}.qb-code{background:var(--tc-code-bg);border:1px solid var(--tc-stage-line);border-radius:12px;margin-top:12px;overflow:hidden}.qb-code__bar{font:600 .6875rem var(--tc-font-mono);color:#a6b5cf;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:6px 8px 6px 14px;display:flex}.qb-code__bar button{color:#d3daee;min-height:30px;font:600 .75rem var(--tc-font-body);cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.qb-code__bar button:hover{background:#ffffff14}.qb-code__bar button[data-done=true]{color:#4fd8c4;border-color:#4fd8c4}.qb-code pre{font:.8125rem/1.65 var(--tc-font-mono);color:var(--tc-code-text);white-space:pre-wrap;word-break:break-word;margin:0;padding:14px 16px;overflow-x:auto}.qb-card__actions{border-top:1px dashed var(--tc-line);flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:12px;display:flex}.qb-locked{text-align:center;background:var(--tc-inset);border:1px dashed var(--tc-line-strong);border-radius:12px;justify-items:center;gap:6px;padding:22px 16px;display:grid}.qb-locked__ic{background:var(--tc-amber-tint);width:40px;height:40px;color:var(--tc-amber-text);border-radius:12px;place-items:center;margin-bottom:4px;display:grid}.qb-locked b{color:var(--tc-ink);font-size:.9375rem}.qb-locked p{color:var(--tc-muted);max-width:44ch;margin:0 0 8px;font-size:.8125rem;line-height:1.5}.qb-locked__meter{background:var(--tc-line);border-radius:99px;width:min(240px,100%);height:6px;overflow:hidden}.qb-locked__meter i{background:var(--tc-amber);height:100%;display:block}.qb-locked small{font:.6875rem var(--tc-font-mono);color:var(--tc-muted)}.qb-btn{min-height:44px;font:700 .9375rem var(--tc-font-body);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;transition:background-color .15s;display:inline-flex}.qb-btn--primary{background:var(--tc-brand-solid);color:#fff}.qb-btn--primary:hover{background:var(--tc-brand-deep)}.qb-btn--primary:disabled{opacity:.6;cursor:default}.qb-btn--ghost{color:var(--tc-muted);border-color:var(--tc-line-strong);background:0 0}.qb-btn--ghost:hover{color:var(--tc-ink);border-color:var(--tc-brand)}.tc[data-theme=dark] .qb-btn--primary,.tc[data-theme=dark] .qb-mode[aria-current=true]{background:#4a6cff}.qb-empty{background:var(--tc-surface);border:1px solid var(--tc-line);text-align:center;border-radius:16px;justify-items:center;gap:8px;padding:40px 20px;display:grid}.qb-empty svg{color:var(--tc-line-strong)}.qb-empty b{font-size:1rem}.qb-empty p{color:var(--tc-muted);margin:0 0 8px;font-size:.875rem}.qb-skel{background:linear-gradient(90deg, var(--tc-inset), var(--tc-line), var(--tc-inset));background-size:200% 100%;border-radius:16px;height:72px;margin-bottom:10px;animation:1.4s infinite qb-sh}@keyframes qb-sh{to{background-position:-200% 0}}.qb-tip{border-radius:16px;align-items:flex-start;gap:14px;margin-top:20px;padding:18px 20px;display:flex}.qb-tip svg{color:var(--tc-amber);flex:none;margin-top:2px}.qb-tip b{margin-bottom:4px;font-size:.9375rem;display:block}.qb-tip p{color:var(--tc-muted);margin:0;font-size:.875rem;line-height:1.65}.qb-tip a{color:var(--tc-brand);text-underline-offset:3px;text-decoration:underline}.qb-browse{margin-bottom:20px}.qb-browse__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));align-items:start;gap:12px;display:grid}.qb-tool{background:var(--tc-surface);border:1px solid var(--tc-line);box-shadow:var(--tc-shadow);border-radius:16px;align-content:start;gap:10px;padding:14px 16px;display:grid}.qb-tool__h{align-items:center;gap:10px;display:flex}.qb-tool__h svg{color:var(--tc-signal);flex:none}.qb-tool__h b{font-family:var(--tc-font-head);font-size:1rem}.qb-tool__h span{font:.6875rem var(--tc-font-mono);color:var(--tc-muted);white-space:nowrap;margin-left:auto}.qb-tool__all{font:600 .8125rem var(--tc-font-body);color:var(--tc-brand-deep);cursor:pointer;text-align:left;text-underline-offset:3px;background:0 0;border:0;min-height:28px;padding:0;text-decoration:underline}.qb-tool .qb-chips .qb-chip{min-height:30px;padding:0 10px;font-size:.75rem}.qb-tool__more{font:500 .75rem var(--tc-font-mono);color:var(--tc-muted);border:1px dashed var(--tc-line-strong);cursor:pointer;background:0 0;border-radius:999px;min-height:30px;padding:0 10px}.qb-modal{z-index:100;background:#060a1499;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.qb-modal__card{background:var(--tc-surface);width:100%;max-width:420px;color:var(--tc-ink);border:1px solid var(--tc-line);text-align:center;border-radius:18px;justify-items:center;gap:8px;padding:28px 24px;display:grid;box-shadow:0 20px 60px #00000059}.qb-modal__ic{background:var(--tc-brand-tint);width:48px;height:48px;color:var(--tc-brand-deep);border-radius:14px;place-items:center;display:grid}.qb-modal h2{font-family:var(--tc-font-head);margin:6px 0 0;font-size:1.125rem}.qb-modal p{color:var(--tc-muted);margin:0 0 12px;font-size:.875rem;line-height:1.6}.qb-modal .qb-btn{width:100%}.qb-modal__later{font:.8125rem var(--tc-font-body);color:var(--tc-muted);cursor:pointer;background:0 0;border:0;min-height:36px}.qb-drills h3{font-family:var(--tc-font-head)}