.c-imp{background:var(--accent)}.c-urg{background:#f2b366}.c-over{background:#f07878}.c-fit{background:#6fcf9b}.qa{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);max-width:760px;padding:20px}.qa-bar{background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;align-items:center;gap:10px;padding:6px 6px 6px 14px;transition:border-color .2s;display:flex}.qa-bar:focus-within{border-color:var(--accent)}.qa-plus{color:var(--accent);font:500 18px/1 var(--mono)}.qa-bar input{min-width:0;color:var(--ink);font:400 16px/1.4 var(--sans);background:0 0;border:0;outline:none;flex:1;padding:8px 0}.qa-bar button{background:var(--accent);height:38px;color:var(--accent-ink);font:600 13.5px/1 var(--sans);cursor:pointer;border:0;border-radius:9px;flex:none;padding:0 14px}.qa-bar button:disabled{opacity:.4;cursor:default}.qa-out{min-height:120px;padding:18px 4px 4px}.qa-title{color:var(--ink);margin:0;font-size:19px;font-weight:600}.qa-title.empty{color:var(--muted);font-weight:400}.qa-fields{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.qa-fields li{border:1px solid var(--line-strong);border-radius:999px;align-items:baseline;gap:8px;padding:6px 12px;font-size:14px;display:inline-flex}.f-label{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.f-value{color:var(--ink)}.qa-notes{color:#f2b366;margin:14px 0 0;padding-left:18px;font-size:14px}.qa-notes li+li{margin-top:4px}.qa-status{font:500 13px/1.4 var(--mono);color:#6fcf9b;min-height:1em;margin:12px 0 0}.qa-examples{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:16px;display:flex}.qa-examples span{font:500 12px/1 var(--mono);color:var(--muted);margin-right:4px}.qa-examples button{font:400 12.5px/1 var(--mono);color:var(--ink-soft);border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:999px;padding:7px 10px;transition:border-color .2s,color .2s}.qa-examples button:hover{border-color:var(--accent);color:var(--ink)}.formula{font:400 13px/1 var(--mono);color:var(--ink-soft);flex-wrap:wrap;gap:10px 22px;margin:4px 0 22px;display:flex}.formula span{align-items:center;gap:8px;display:inline-flex}.formula i{border-radius:3px;width:10px;height:10px}.free{max-width:760px;color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;font-size:15px;display:flex}.free input{min-width:160px;accent-color:var(--accent);flex:1}.free output{font:500 14px/1 var(--mono);color:var(--ink);text-align:right;min-width:64px}.t-list{gap:10px;max-width:760px;margin:0;padding:0;list-style:none;display:grid}.t-row{background:var(--bg-raised);border:1px solid var(--line);border-radius:14px;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:14px;padding:16px 18px;transition:border-color .4s;display:grid}.t-row.fresh{border-color:#6fcf9b}.t-rank{font:500 14px/24px var(--mono);color:var(--muted)}.t-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.t-title{color:var(--ink);overflow-wrap:anywhere;font-weight:600;line-height:24px}.t-remove{font:400 12px/1 var(--mono);color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;padding:4px}.t-remove:hover{color:#f07878}.t-reasons{color:var(--ink-soft);margin-top:2px;font-size:13.5px}.t-bar{background:var(--surface);border-radius:3px;height:6px;margin:12px 0;display:flex;overflow:hidden}.t-bar i{height:100%;transition:width .35s cubic-bezier(.2,.7,.2,1);display:block}.t-controls{color:var(--muted);flex-wrap:wrap;gap:10px 18px;font-size:13px;display:flex}.t-ctl{align-items:center;gap:8px;display:inline-flex}.t-ctl select{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);font:400 13px/1.2 var(--sans);border-radius:8px;padding:5px 8px}.t-dots{gap:4px;display:inline-flex}.t-dots button{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:50%;width:14px;height:14px;padding:0}.t-dots button.on{background:var(--accent);border-color:var(--accent)}.t-score{font:600 22px/24px var(--mono);color:var(--ink);text-align:right;min-width:2ch}.explain{margin-top:28px}@media (width<=520px){.qa{padding:14px}.qa-bar button{padding:0 10px;font-size:12.5px}.t-row{grid-template-columns:20px minmax(0,1fr) auto;gap:10px;padding:14px}}.keys{border-collapse:collapse;width:100%;max-width:560px;font-size:15px}.keys td{border-top:1px solid var(--line);color:var(--ink-soft);padding:10px 12px 10px 0}.keys td:last-child{text-align:right}kbd{font:500 13px/1 var(--mono);color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;padding:5px 8px}