.doan-tet{--doan-tet-right:#2f7a55;--doan-tet-wrong:var(--pal-t-b3313f,#b3313f);border:1px solid var(--tro-choi-line);background:var(--tro-choi-paper-soft);border-radius:20px;gap:1rem;max-width:720px;margin:2rem auto 0;padding:clamp(1.1rem,4vw,2rem);display:grid}html[data-theme=light] .doan-tet{--doan-tet-right:#1f6a45;--doan-tet-wrong:var(--pal-t-a02633,#a02633)}.doan-tet__progress{color:var(--tro-choi-muted);flex-wrap:wrap;gap:.5rem 1rem;margin:0;font-size:.9rem;font-weight:700;display:flex}.doan-tet__question{font:600 clamp(1.3rem, 4.8vw, 1.75rem) / 1.3 var(--font-serif,Lora, "Lora fallback", Georgia, serif);text-wrap:balance;margin:0}.doan-tet__choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.doan-tet__choice{border:1px solid var(--tro-choi-line);min-height:56px;color:var(--tro-choi-ink);font:inherit;background:var(--tro-choi-paper);cursor:pointer;border-radius:14px;padding:.75rem;font-size:1.1rem;font-weight:700}.doan-tet__choice:disabled{cursor:default}.doan-tet__choice.is-right,.doan-tet__card.is-right{border-color:var(--doan-tet-right);color:#fff;background:var(--doan-tet-right)}.doan-tet__choice.is-wrong,.doan-tet__card.is-wrong{border-color:var(--doan-tet-wrong);color:#fff;background:var(--doan-tet-wrong)}.doan-tet__choice.is-muted{opacity:.55}.doan-tet__timeline{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.doan-tet__timeline li{gap:.4rem;display:grid}.doan-tet__card{border:1px solid var(--tro-choi-line);background:var(--tro-choi-paper);border-radius:12px;justify-content:space-between;gap:1rem;padding:.7rem 1rem;display:flex}.doan-tet__card span{font-variant-numeric:tabular-nums;font-weight:700}.doan-tet__slot{border:2px dashed var(--tro-choi-gold);min-height:44px;color:var(--tro-choi-gold);font:inherit;cursor:pointer;background:0 0;border-radius:12px;font-weight:800}.doan-tet__feedback{min-height:1.5em;color:var(--tro-choi-copy);margin:0;line-height:1.6}.doan-tet__primary,.doan-tet__secondary{min-height:48px;font:inherit;cursor:pointer;border-radius:999px;justify-self:start;padding:.7rem 1.4rem;font-weight:800}.doan-tet__primary{color:var(--pal-t-fff8e6,#fff8e6);background:linear-gradient(180deg, var(--pal-b-c62f3f,#c62f3f), var(--pal-b-8f1d2b,#8f1d2b));border:0}.doan-tet__secondary{border:1px solid var(--tro-choi-line);color:var(--tro-choi-ink);background:var(--tro-choi-paper)}.doan-tet--done{text-align:center}.doan-tet--done h2{font:600 clamp(1.3rem, 4.5vw, 1.7rem) / 1.25 var(--font-serif,Lora, "Lora fallback", Georgia, serif);margin:0}.doan-tet__score{color:var(--tro-choi-gold);font:600 clamp(3rem, 14vw, 4.5rem) / 1 var(--font-serif,Lora, "Lora fallback", Georgia, serif);margin:0}.doan-tet__grid{grid-template-columns:repeat(5,1.6rem);justify-content:center;gap:.35rem;margin:0;display:grid}.doan-tet__grid span{border-radius:.4rem;width:1.6rem;height:1.6rem}.doan-tet__grid .is-hit{background:var(--doan-tet-right)}.doan-tet__grid .is-miss{background:var(--doan-tet-wrong)}.doan-tet__actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.doan-tet--done .doan-tet__primary,.doan-tet--done .doan-tet__secondary{justify-self:center}.doan-tet__note{color:var(--tro-choi-muted);margin:0;font-size:.92rem;line-height:1.55}.doan-tet__choice:focus-visible,.doan-tet__slot:focus-visible,.doan-tet__primary:focus-visible,.doan-tet__secondary:focus-visible{outline:3px solid var(--tro-choi-son);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.doan-tet__choice,.doan-tet__card{transition:background-color .16s,border-color .16s,opacity .16s}}html[data-palette=tet-2027]{--pal-b-8f1d2b:#92191c;--pal-b-c62f3f:#ca2a2c;--pal-t-a02633:#a32223;--pal-t-b3313f:#b62d2d;--pal-t-fff8e6:#fff9e1}