.sdd{--sdd-ease:cubic-bezier(.22, 1, .36, 1);--sdd-lo-xo:cubic-bezier(.34, 1.18, .64, 1);--sdd-t:.45s;margin-inline:auto}.sdd-frame{border:1px solid var(--line);background:var(--surface);border-radius:1rem;flex-direction:column;padding:clamp(1rem,3.5vw,1.75rem) clamp(1rem,3.5vw,1.75rem) clamp(.75rem,2.5vw,1rem);display:flex;position:relative;overflow:hidden;container-type:inline-size}.sdd .sdd-frame ol,.sdd .sdd-frame ul{margin:0;padding-left:0;list-style:none}.sdd .sdd-frame li+li{margin-top:0}.sdd figcaption{color:var(--muted);text-align:center;margin-top:.7rem;font-size:.88rem;line-height:1.55}.sdd-btn{color:var(--muted);border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:999px;align-self:flex-end;align-items:center;gap:.35rem;margin-top:.9rem;padding:.3rem .7rem .3rem .55rem;font-size:.78rem;font-weight:500;transition:color .2s,border-color .2s;display:inline-flex}.sdd-btn:hover{color:var(--blue);border-color:var(--blue)}.sdd-btn svg{fill:currentColor;stroke:currentColor;stroke-width:0;width:.95rem;height:.95rem}.sdd-btn svg path[fill=none]{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.tc-rows{gap:1.4rem;display:grid}.tc-head{align-items:baseline;gap:.6rem;margin:0 0 .55rem;font-size:.82rem;display:flex}.tc-nhan{color:var(--ink);font-weight:600}.tc-dem{color:var(--muted);opacity:0;transition:opacity .3s, transform .3s var(--sdd-ease);transform:translate(-4px)}.tc-dem b{color:var(--blue);font-variant-numeric:tabular-nums;font-size:1.05rem}.tc-row[data-tach] .tc-dem{opacity:1;transform:none}.tc-line{color:var(--ink);flex-wrap:wrap;row-gap:.45rem;margin:0;font-size:clamp(1rem,3.6cqi,1.2rem);line-height:1.5;display:flex}.tc-tok{--bg:var(--blue-wash);white-space:pre;transition:background-color var(--sdd-t) var(--sdd-ease), padding var(--sdd-t) var(--sdd-lo-xo), margin var(--sdd-t) var(--sdd-lo-xo), border-color var(--sdd-t);transition-delay:calc(var(--i) * 45ms);border:1px solid #0000;border-radius:.4rem;margin-right:0;padding:.1rem 0;display:inline-block}.tc-tok[data-c="1"]{--bg:var(--peach-wash)}.tc-tok[data-c="2"]{--bg:color-mix(in srgb, var(--blue) 18%, var(--surface))}.tc-tok[data-c="3"]{--bg:color-mix(in srgb, var(--peach) 30%, var(--surface))}.tc-sp{color:#0000;transition:color var(--sdd-t);transition-delay:inherit;font-size:.8em}.tc-row[data-tach] .tc-tok{background:var(--bg);border-color:color-mix(in srgb, var(--ink) 8%, transparent);margin-right:.3rem;padding:.1rem .4rem}.tc-row[data-tach] .tc-sp{color:var(--muted)}.tc-row:not([data-tach]) .tc-sp{font-size:.45em}.dc{--gap:.75rem;position:relative}.dc-list{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:var(--gap);margin:0;padding:0;list-style:none;display:grid;position:relative}.dc-item{text-align:center;flex-direction:column;align-items:center;gap:.4rem;display:flex}.dc-num{z-index:1;width:2.4rem;height:2.4rem;color:var(--muted);background:var(--surface);border:2px solid var(--line);transition:background-color .4s var(--sdd-ease), color .4s, border-color .4s, transform .45s var(--sdd-lo-xo);border-radius:999px;place-items:center;font-size:.95rem;font-weight:600;display:grid;position:relative}.dc-item[data-bat] .dc-num{background:var(--blue);border-color:var(--blue);color:#fff}.dc-item[data-hien-tai] .dc-num{transform:scale(1.08)}.dc-ten{color:var(--muted);font-weight:600;line-height:1.3;transition:color .4s}.dc-item[data-bat] .dc-ten{color:var(--ink)}.dc-mota{color:var(--muted);opacity:0;transition:opacity .4s .1s, transform .45s .1s var(--sdd-ease);font-size:.86rem;line-height:1.5;transform:translateY(6px)}.dc-item[data-bat] .dc-mota{opacity:1;transform:none}.dc-track{z-index:0;height:2px;top:1.2rem;left:calc(100% / var(--n) / 2);right:calc(100% / var(--n) / 2);background:var(--line);position:absolute}.dc-fill{transform-origin:0;transform:scaleX(var(--p));background:var(--blue);transition:transform .9s var(--sdd-ease);position:absolute;inset:0}.dc-dot{top:50%;left:calc(var(--p) * 100%);background:var(--peach);border:2px solid var(--surface);z-index:2;opacity:0;width:.8rem;height:.8rem;transition:left .9s var(--sdd-ease), opacity .3s;border-radius:999px;margin:-.4rem 0 0 -.4rem;position:absolute}.sdd[data-chay] .dc[data-bat] .dc-dot{opacity:1}@container (max-width:520px){.dc-list{grid-template-columns:1fr;gap:1.1rem}.dc-item{text-align:left;grid-template-columns:2.4rem 1fr;align-items:center;gap:.15rem .85rem;display:grid}.dc-num{grid-row:span 2;align-self:start}.dc-mota{grid-column:2}.dc-track{width:2px;height:auto;margin-left:-1px;inset:1.2rem auto 1.2rem 1.2rem}.dc-fill{transform-origin:top;transform:scaleY(var(--p))}.dc-dot{display:none}}.dct{gap:1.2rem;display:grid}.dct-cau{color:var(--ink);min-height:1.5em;margin:0;font-size:clamp(1.15rem,4.2cqi,1.45rem);font-weight:500;line-height:1.5}.dct-moi{color:var(--blue);white-space:pre-wrap;animation:sdd-len .45s var(--sdd-ease) both;display:inline-block}.dct-con-tro{vertical-align:-.15em;background:var(--peach);width:2px;height:1.1em;margin-left:3px;display:inline-block}.dct-con-tro[data-chay]{animation:1s step-end infinite sdd-nhay}.dct-bang{border-top:1px dashed var(--line);min-height:9rem;padding-top:.9rem}.dct-hoi{color:var(--muted);margin:0 0 .6rem;font-size:.8rem}.dct-bang ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.dct-ung{animation:sdd-len .35s var(--sdd-ease) both;animation-delay:calc(var(--i) * 70ms);grid-template-columns:minmax(4.5rem,7rem) 1fr 3rem;align-items:center;gap:.7rem;font-size:.92rem;display:grid}.dct-chu{border:1px solid var(--line);border-radius:.4rem;justify-self:start;padding:.15rem .55rem;transition:background-color .35s,color .35s,border-color .35s}.dct-thanh{background:var(--subtle);border-radius:999px;height:.55rem;overflow:hidden}.dct-thanh i{height:100%;width:var(--w);border-radius:inherit;background:color-mix(in srgb, var(--blue) 35%, var(--surface));animation:sdd-dai .7s var(--sdd-ease) both;animation-delay:calc(var(--i) * 70ms + .1s);transition:background-color .35s;display:block}.dct-so{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right}.dct-ung[data-chon] .dct-chu{background:var(--blue);border-color:var(--blue);color:#fff}.dct-ung[data-chon] .dct-thanh i{background:var(--blue)}.dct-ung[data-chon] .dct-so{color:var(--ink);font-weight:600}.cs{gap:1rem;display:grid}.cs-chat{flex-direction:column;display:flex;position:relative}.cs-ngoai-nhan{color:var(--muted);opacity:0;order:-1;margin:0 0 .6rem;font-size:.78rem;transition:opacity .4s}.cs-ngoai-nhan[data-hien]{opacity:1}.cs-list{gap:.55rem;margin:0;padding:0 .5rem;list-style:none;display:grid}.cs-tin{transition:opacity .5s var(--sdd-ease), filter .5s;align-items:flex-start;gap:.5rem;font-size:.9rem;line-height:1.45;display:flex}.cs-tin[data-tu=ban]{flex-direction:row-reverse}.cs-ai-noi{color:var(--muted);text-align:center;flex:none;width:1.9rem;padding-top:.45rem;font-size:.7rem;font-weight:600}.cs-bong{background:var(--subtle);max-width:78%;color:var(--ink);border-radius:.9rem;padding:.4rem .75rem}.cs-tin[data-tu=ban] .cs-bong{background:var(--blue-wash)}.cs-tin[data-tt=chua]{visibility:hidden;opacity:0}.cs-tin[data-tt=trong]{animation:sdd-len .4s var(--sdd-ease) both}.cs-tin[data-tt=ngoai]{opacity:.38;filter:grayscale()}.cs-khung{left:0;right:0;top:var(--top);height:var(--h);border:2px solid var(--peach);pointer-events:none;transition:top .6s var(--sdd-ease), height .6s var(--sdd-ease);border-radius:.9rem;position:absolute}.cs-khung span{color:var(--peach-deep);background:var(--surface);padding:0 .4rem;font-size:.7rem;font-weight:600;position:absolute;top:-.7rem;right:.6rem}.cs-tin[data-tt=trong] .cs-bong{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--peach) 45%, transparent)}.cs-truot{color:var(--muted);border-top:1px dashed var(--line);align-items:center;gap:.8rem;padding-top:.8rem;font-size:.8rem;display:flex}.cs-truot span{flex:none}.cs-truot b{color:var(--ink);font-variant-numeric:tabular-nums}.cs-truot input{accent-color:var(--blue);flex:1;min-width:0}.xt-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.xt-tang{--bg:var(--blue-wash);--bd:color-mix(in srgb, var(--blue) 35%, transparent);--so:var(--blue);background:var(--bg);border:1px solid var(--bd);opacity:0;transition:opacity .35s var(--sdd-ease), transform .5s var(--sdd-lo-xo);border-radius:.8rem;align-items:flex-start;gap:.85rem;padding:.75rem .95rem;display:flex;transform:translateY(-18px)}.xt-tang[data-mau=cam]{--bg:var(--peach-wash);--bd:color-mix(in srgb, var(--peach) 55%, transparent);--so:var(--peach-deep)}.xt-tang[data-mau=xam]{--bg:var(--subtle);--bd:var(--line);--so:var(--muted)}.xt-tang[data-bat]{opacity:1;transform:none}.xt-so{width:1.7rem;height:1.7rem;color:var(--so);background:var(--surface);border-radius:999px;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:grid}.xt-chu{color:var(--ink-soft);gap:.1rem;font-size:.9rem;line-height:1.5;display:grid}.xt-chu b{color:var(--ink);font-weight:600}.xt-ket{text-align:center;color:var(--peach-deep);opacity:0;transition:opacity .4s, transform .45s var(--sdd-ease);margin:.8rem 0 0;font-weight:600;transform:translateY(6px)}.xt-ket[data-bat]{opacity:1;transform:none}.hc-luoi{grid-template-columns:max-content repeat(var(--n), minmax(0, 1fr));align-items:stretch;gap:.9rem 1.6rem;display:grid}.hc-ten{color:var(--ink);opacity:0;transition:opacity .35s, transform .4s var(--sdd-ease);align-self:center;font-size:.9rem;font-weight:700;transform:translate(-6px)}.hc-o{text-align:center;background:var(--subtle);border:1px solid var(--line);color:var(--ink);opacity:0;transition:opacity .35s var(--sdd-ease), transform .45s var(--sdd-lo-xo), background-color .45s, border-color .45s, color .45s;transition-delay:calc(var(--i) * 90ms);border-radius:.7rem;place-items:center;padding:.6rem .5rem;font-size:.88rem;line-height:1.35;display:grid;position:relative;transform:translateY(8px)}.hc-o[data-trong]{visibility:hidden}.hc-o:not([data-cuoi]):after{content:"→";color:var(--muted);font-size:.9rem;position:absolute;top:50%;right:-1.25rem;transform:translateY(-50%)}.hc-ten[data-bat],.hc-o[data-bat]{opacity:1;transform:none}.hc-o[data-khac]{background:var(--peach-wash);border-color:var(--peach);color:var(--peach-deep);transition-delay:calc(var(--i) * 60ms);font-weight:600}.hc-ghi{opacity:0;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.1rem 0 0;transition:opacity .4s .2s;display:grid}.hc-ghi[data-bat]{opacity:1}.hc-ghi div{color:var(--ink-soft);font-size:.84rem;line-height:1.5}.hc-ghi dt{color:var(--ink);font-weight:700}.hc-ghi dd{margin:0}@container (max-width:560px){.hc-luoi{grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:auto repeat(var(--n), auto);gap:1.3rem .7rem}.hc-ten{text-align:center}.hc-o:not([data-cuoi]):after{content:"↓";top:auto;bottom:-1.25rem;right:50%;transform:translate(50%)}.hc-ghi{grid-template-columns:1fr}}@keyframes sdd-len{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes sdd-dai{0%{width:0}}@keyframes sdd-nhay{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.sdd *,.sdd :before,.sdd :after{transition:none!important;animation:none!important}}