.doan-chu{--doan-chu-exact:#2f7a55;--doan-chu-exact-ink:#fff;--doan-chu-near:#e0b54a;--doan-chu-near-ink:#1b1208;--doan-chu-none-ink:#f5e8c799;border:1px solid var(--tro-choi-line);background:var(--tro-choi-paper-soft);border-radius:20px;grid-template-columns:minmax(0,1fr);gap:1rem;max-width:720px;margin:2rem auto 0;padding:clamp(1rem,4vw,2rem);display:grid}html[data-theme=light] .doan-chu{--doan-chu-exact:#1f6a45;--doan-chu-near:#8a5a12;--doan-chu-near-ink:#fff;--doan-chu-none-ink:#2a1c19a8}.doan-chu__title{font:600 clamp(1.3rem, 4.8vw, 1.7rem) / 1.3 var(--font-serif,Lora, "Lora fallback", Georgia, serif);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;margin:0;display:flex}.doan-chu__title span{color:var(--tro-choi-muted);font:700 .9rem / 1.4 var(--font-sans,inherit)}.doan-chu__preview{border:1px dashed var(--tro-choi-gold);color:var(--tro-choi-copy);border-radius:12px;margin:0;padding:.6rem .8rem;font-size:.92rem}.doan-chu__rows{gap:.6rem;display:grid}.doan-chu__row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.doan-chu__tile{border:1px solid var(--tro-choi-line);text-align:center;background:var(--tro-choi-paper);border-radius:14px;gap:.35rem;min-width:0;padding:.5rem .3rem;display:grid}.doan-chu__tile.is-exact{border-color:var(--doan-chu-exact);box-shadow:inset 0 0 0 1px var(--doan-chu-exact)}.doan-chu__word{overflow-wrap:anywhere;font-size:clamp(1rem,4.2vw,1.25rem);font-weight:700;line-height:1.2}.doan-chu__parts{gap:.2rem;display:grid}.doan-chu__part{text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;border-radius:8px;padding:.12rem .2rem;font-size:.78rem;font-weight:700;line-height:1.35;overflow:hidden}.doan-chu__part.is-exact{border-color:var(--doan-chu-exact);color:var(--doan-chu-exact-ink);background:var(--doan-chu-exact)}.doan-chu__part.is-misplaced{border-color:var(--doan-chu-near);color:var(--doan-chu-near-ink);background:var(--doan-chu-near);border-style:dashed}.doan-chu__part.is-none{border-color:var(--tro-choi-line);color:var(--doan-chu-none-ink);text-decoration:line-through}.doan-chu__form{gap:.5rem;display:grid}.doan-chu__form label{color:var(--tro-choi-copy);font-size:.95rem;font-weight:600}.doan-chu__entry{gap:.5rem;display:flex}.doan-chu__entry input{border:1px solid var(--tro-choi-line);width:100%;min-width:0;min-height:52px;color:var(--tro-choi-ink);font:inherit;background:var(--tro-choi-paper);border-radius:14px;flex:1 1 0;padding:0 .9rem;font-size:1.1rem}.doan-chu__entry input::placeholder{color:var(--tro-choi-muted)}.doan-chu__entry input:focus-visible,.doan-chu__primary:focus-visible,.doan-chu__secondary:focus-visible{outline:2px solid var(--tro-choi-gold);outline-offset:2px}.doan-chu__primary,.doan-chu__secondary{min-height:52px;font:inherit;cursor:pointer;border-radius:14px;padding:0 1.2rem;font-weight:700}.doan-chu__primary{border:1px solid var(--tro-choi-gold);color:var(--tro-choi-bg);background:var(--tro-choi-gold)}.doan-chu__secondary{border:1px solid var(--tro-choi-line);color:var(--tro-choi-ink);background:0 0}.doan-chu__error{min-height:1.4em;color:var(--tro-choi-son);margin:0;font-size:.92rem;font-weight:600}.doan-chu__done{gap:.8rem;display:grid}.doan-chu__verdict{margin:0;font-size:1.15rem;font-weight:700}.doan-chu__answer{border-left:3px solid var(--tro-choi-gold);color:var(--tro-choi-copy);gap:.25rem;margin:0;padding-left:.8rem;display:grid}.doan-chu__answer strong{color:var(--tro-choi-ink);font:600 clamp(1.3rem, 5vw, 1.6rem) / 1.3 var(--font-serif,Lora, "Lora fallback", Georgia, serif)}.doan-chu__actions{flex-wrap:wrap;gap:.6rem;display:flex}.doan-chu__note{color:var(--tro-choi-muted);margin:0;font-size:.92rem}.doan-chu__note:empty{display:none}.doan-chu--empty p{color:var(--tro-choi-copy);margin:0}