/*! © The Mandarin Lab (themandarinlab.vn). Mã nguồn, thiết kế và nội dung do The Mandarin Lab biên soạn – bảo lưu mọi quyền. Không sao chép, đăng lại hay khai thác tự động khi chưa được phép. Nội dung của bên thứ ba theo giấy phép gốc. Điều khoản: https://www.themandarinlab.vn/dieu-khoan */#hoi{--hz:var(--success);font-family:var(--font-sans);max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.hoi-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.hoi-seg{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--surface-200);border-radius:14px;padding:4px}.hoi-seg button{border:0;background:transparent;border-radius:11px;padding:6px 14px;cursor:pointer;font:inherit;color:var(--ink-muted);display:flex;flex-direction:column;align-items:center;line-height:1.15;min-height:44px;justify-content:center}.hoi-seg b{font-size:14px;font-weight:800}.hoi-seg small{font-size:11px;font-weight:700;opacity:.8}.hoi-seg .on{background:var(--surface-000);color:var(--lab-blue);box-shadow:0 1px 3px #0b1f4d26}.hoi-quota{font-weight:700}.hoi-thread{display:flex;flex-direction:column;gap:14px;min-height:120px}.hoi-q{align-self:flex-end;max-width:85%;background:var(--lab-blue);color:var(--on-lab-blue);border-radius:22px 22px 6px;padding:12px 18px;font-weight:700;font-size:16px}.hoi-q p{margin:0;overflow-wrap:anywhere}.hoi-a{background:var(--surface-000);border:1.5px solid var(--surface-200);border-radius:var(--radius-xl,24px);padding:18px 18px 16px;display:flex;flex-direction:column;gap:14px;scroll-margin-top:calc(var(--header-h,64px) + 12px)}.hoi-who{display:flex;align-items:center;gap:10px}.hoi-who img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(11,31,77,.18))}.hoi-who b{font-family:var(--font-display);font-size:17px;color:var(--ink)}.hoi-tag{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--butter);color:var(--ink);border-radius:99px;padding:3px 10px}.hoi-intro{margin:0;font-size:16.5px;line-height:1.65;color:var(--ink)}.hoi-lb{margin:0 0 8px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--lab-blue)}.hoi-hz{border:0;background:none;padding:0 1px;font:700 1.05em var(--font-hanzi);color:var(--hz);cursor:pointer;border-radius:4px}.hoi-hz:hover{text-decoration:underline;text-underline-offset:3px}.hoi-hz:focus-visible,.hoi-chip:focus-visible,.hoi-play:focus-visible,.hoi-seg button:focus-visible,.hoi-send:focus-visible{outline:3px solid var(--focus-ring,var(--lab-blue));outline-offset:2px}.hoi-st{background:var(--sky);border-radius:18px;padding:14px 14px 16px}.hoi-st-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hoi-pc{background:var(--surface-000);border-radius:12px;padding:8px 14px;font-weight:800;font-size:16px;color:var(--ink)}.hoi-pc-zh{font-family:var(--font-hanzi);font-size:19px;font-weight:700}.hoi-pc-o{color:var(--lab-blue);border:1.5px dashed var(--lab-blue);background:transparent}.hoi-plus{color:var(--lab-blue);font-weight:800}.hoi-ex{border:1.5px solid var(--surface-200);border-radius:18px;overflow:hidden}.hoi-ex .hoi-lb{padding:12px 16px 0}.hoi-ex-it{display:flex;align-items:center;gap:12px;padding:12px 16px}.hoi-ex-it+.hoi-ex-it{border-top:1.5px solid var(--surface-200)}.hoi-ex-tx{flex:1;min-width:0}.hoi-zh{margin:0;font:700 22px/1.35 var(--font-hanzi);color:var(--ink)}.hoi-py{margin:2px 0 0;font-weight:700;font-size:16px;color:var(--hz)}.hoi-vi{margin:2px 0 0;font-size:15px;color:var(--ink-muted)}.hoi-play{flex:none;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--surface-200);background:var(--surface-000);color:var(--ink);display:grid;place-items:center;cursor:pointer}.hoi-play:hover{border-color:var(--lab-blue);color:var(--lab-blue)}.hoi-play.on{background:var(--lab-blue);border-color:var(--lab-blue);color:var(--on-lab-blue)}.hoi-play.wait{opacity:.55;cursor:progress}.hoi-tip{background:var(--butter);border-radius:18px;padding:14px 16px}.hoi-tip .hoi-lb{color:var(--ink)}.hoi-tip ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;line-height:1.6;font-size:15.5px;color:var(--ink)}.hoi-next{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hoi-next .hoi-lb{margin:0 4px 0 0}.hoi-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}.hoi-chips::-webkit-scrollbar{display:none}.hoi-chip{flex:none;border:1.5px solid var(--surface-200);background:var(--surface-000);color:var(--ink);border-radius:99px;padding:8px 14px;font:700 14px var(--font-sans);cursor:pointer;min-height:40px}.hoi-chip:hover{border-color:var(--lab-blue);color:var(--lab-blue)}.hoi-chip.sm{font-size:13.5px;padding:6px 12px;min-height:36px}.hoi-think{display:flex;align-items:center;gap:10px;color:var(--ink-muted);font-weight:700}.hoi-think img{width:56px;height:56px;object-fit:contain;animation:hoi-sway 2.4s ease-in-out infinite;transform-origin:50% 100%}.hoi-think i{font-style:normal;animation:hoi-dot 1.2s infinite}.hoi-think i:nth-child(2){animation-delay:.2s}.hoi-think i:nth-child(3){animation-delay:.4s}@keyframes hoi-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes hoi-dot{0%,to{opacity:.2}50%{opacity:1}}.hoi-note{background:var(--peach);border-radius:18px;padding:14px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between}.hoi-note p{margin:0;font-weight:700;color:var(--ink)}.hoi-dock{position:sticky;bottom:0;background:var(--surface-100);padding:10px 0 calc(12px + env(safe-area-inset-bottom,0px));margin-top:4px}body.has-nv .hoi-dock{bottom:var(--tabbar-h,0px)}.hoi-form{display:flex;align-items:flex-end;gap:8px;background:var(--surface-000);border:1.5px solid var(--surface-200);border-radius:26px;padding:6px 6px 6px 18px}.hoi-form:focus-within{border-color:var(--lab-blue)}.hoi-form textarea{flex:1;min-width:0;border:0;outline:0;resize:none;background:none;font:600 16px/1.5 var(--font-sans);color:var(--ink);padding:9px 0;max-height:140px}.hoi-form textarea::placeholder{color:var(--ink-muted);opacity:.8}.hoi-send{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--lab-blue);color:var(--on-lab-blue);display:grid;place-items:center;cursor:pointer}.hoi-send:disabled{opacity:.45;cursor:progress}@media(max-width:520px){.hoi-a{padding:14px 12px}.hoi-zh{font-size:20px}.hoi-q{max-width:92%}}@media(prefers-reduced-motion:reduce){.hoi-think img,.hoi-think i{animation:none}}.hoi-hero{display:flex;align-items:center;gap:18px;max-width:780px;margin:6px auto 18px}.hoi-hero img{flex:none;width:132px;height:132px;object-fit:contain;filter:drop-shadow(0 8px 6px rgba(11,31,77,.18));margin:-12px -6px -12px -10px}.hoi-hero h1{margin:2px 0 6px}.hoi-hero .lead{margin:0}.hoi-hero>div{min-width:0}@media(max-width:520px){.hoi-hero{gap:10px}.hoi-hero img{width:96px;height:96px}}