body{background:#0d1117;color:#c9d1d9;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.card{background:#161b22;border:1px solid #30363d;border-radius:10px}
.btn{padding:.4rem .8rem;border-radius:6px;border:1px solid #30363d;background:#21262d;font-size:.85rem}
.btn:hover{border-color:#58a6ff}
.pri{background:#238636;border-color:#2ea043;color:#fff}.pri:hover{background:#2ea043}
.ai{background:#0c2d48;border-color:#58a6ff;color:#58a6ff}
input,select{background:#0d1117;border:1px solid #30363d;border-radius:6px;padding:.35rem .6rem;color:#c9d1d9;font-size:.85rem}
.chip{display:inline-block;padding:1px 8px;border-radius:99px;font-size:.7rem;border:1px solid #30363d;margin:2px;cursor:pointer}
.chip.on{background:#2ea04333;border-color:#2ea043;color:#3fb950}
.sk{background:linear-gradient(90deg,#161b22,#21262d,#161b22);background-size:200% 100%;animation:s 1.2s infinite;border-radius:6px;height:14px;margin:8px 0}
@keyframes s{to{background-position:-200% 0}}

textarea{background:#0d1117;border:1px solid #30363d;border-radius:6px;padding:.35rem .6rem;color:#c9d1d9;font-size:.8rem}
.reason{margin:.4rem 0;padding:.4rem .6rem;border-radius:6px;font-size:.78rem;border:1px solid #30363d;border-left-width:3px}
.reason.next{border-left-color:#2ea043;background:#2ea04312}
.reason.weak{border-left-color:#d29922;background:#d2992212}
.reason.chal{border-left-color:#a371f7;background:#a371f712}
.chip.bad{background:#d2992222;border-color:#d29922;color:#e3b341}
.btn.sel{border-color:#3fb950;color:#3fb950}
#toasts{position:fixed;right:14px;bottom:14px;z-index:200;display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 28px)}
.toast{background:#161b22;border:1px solid #58a6ff;border-left-width:4px;color:#c9d1d9;padding:.55rem .8rem;border-radius:8px;font-size:.8rem;box-shadow:0 4px 18px #000a;transition:opacity .4s}

.lb{width:100%;border-collapse:collapse;font-size:.8rem}
.lb th{color:#8b949e;font-weight:500;text-align:left;padding:.3rem .5rem;border-bottom:1px solid #30363d}
.lb td{padding:.3rem .5rem;border-bottom:1px solid #21262d}
.lb tr:hover td{background:#1c2128}
.lb .text-right,.lb th.text-right{text-align:right}
.lb tr.lb-me td{background:#2ea04318}

/* ---- dịu màu: giảm độ chói của các màu nhấn ---- */
body{color:#b1bac4}
.text-\[\#3fb950\]{color:#5fa874 !important}
.text-\[\#58a6ff\]{color:#7aa7d9 !important}
.chip.on{background:#2ea04322;border-color:#3d8a50;color:#5fa874}
.btn.sel{border-color:#5fa874;color:#5fa874}
.btn:hover{border-color:#7aa7d9}
.pri{background:#1f6f33;border-color:#2a8a42}.pri:hover{background:#2a8a42}
.ai{background:#102a40;border-color:#4f7fb0;color:#7aa7d9}
.lb tr.lb-me td{background:#2ea04312}
.lb a{color:#7aa7d9 !important}