.dt{--accent:#e0a04a}.dt .tool-bar{row-gap:8px}.dt .tool-bar+.tool-bar{margin-top:12px}#vungSel{max-width:260px}#sortSel{max-width:170px}.dt-search{max-width:220px}.dt-count{font:700 11.5px/1.3 var(--font-mono);color:var(--faint);white-space:nowrap}#cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;margin-top:12px}.dt-card{display:flex;flex-direction:column;gap:7px;padding:13px 15px;border-radius:13px;border:1px solid color-mix(in srgb,var(--hc) 40%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--hc) 7%,transparent),rgba(255,255,255,.015));transition:transform .15s,box-shadow .15s}.dt-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px -12px var(--hc)}.dt-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.dt-top b{font:800 15px/1.25 var(--font-sans);color:var(--ink)}.dt-pop{font:700 12px/1.2 var(--font-mono);color:var(--hc);white-space:nowrap}.dt-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.dt-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--hc) 60%,#fff),var(--hc))}.dt-tags{display:flex;flex-wrap:wrap;gap:6px}.dt-he,.dt-vung{font:700 10px/1.4 var(--font-sans);padding:2px 9px;border-radius:999px}.dt-he{color:var(--hc);border:1px solid color-mix(in srgb,var(--hc) 55%,transparent);background:color-mix(in srgb,var(--hc) 10%,transparent)}.dt-vung{color:var(--dim);border:1px solid var(--line)}.dt-card p{margin:0;font:500 12px/1.55 var(--font-sans);color:var(--dim)}.dt-empty{margin:20px 4px;color:var(--faint)}.dt-qhead{display:flex;align-items:center;gap:14px;margin-bottom:14px;color:var(--dim);font:600 12.5px/1 var(--font-sans)}.dt-qx{margin-left:auto}.dt-qname{margin:6px 0 2px;font:800 30px/1.2 var(--font-sans);color:var(--ink);text-align:center}.dt-qask{margin:0 0 16px;text-align:center;color:var(--dim);font:600 13px/1.4 var(--font-sans)}.dt-qopts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;max-width:720px;margin:0 auto}.dt-qopt{padding:12px 10px;border-radius:12px;cursor:pointer;font:700 13px/1.3 var(--font-sans);color:var(--ink);border:1.5px solid color-mix(in srgb,var(--hc) 45%,transparent);background:color-mix(in srgb,var(--hc) 8%,transparent);transition:transform .12s}.dt-qopt:hover:not(:disabled){transform:translateY(-2px)}.dt-qopt.right{border-color:#5fd07a;background:rgba(95,208,122,.16)}.dt-qopt.wrong{border-color:#ff7a7a;background:rgba(255,122,122,.14)}.dt-qmean{margin:14px auto 0;max-width:720px;padding:10px 13px;border-radius:11px;font:500 12.5px/1.55 var(--font-sans);color:var(--dim)}.dt-qmean.ok{border:1px solid rgba(95,208,122,.5)}.dt-qmean.no{border:1px solid rgba(255,122,122,.5)}.dt-qdone{text-align:center;padding:26px 10px}.dt-qdone b{font:800 24px/1.3 var(--font-sans);color:var(--ink)}.dt-qdone p{color:var(--dim);margin:10px 0 18px}.dt-qbtns{display:flex;gap:10px;justify-content:center}