:root{--kem: #fbf5e9;--giay: #fffdf7;--giay-mo: #f4eedf;--muc: #14201b;--muc-nhat: #5c6b63;--muc-mo: #94a099;--vien-nhat: #d8d0be;--xanh: #146b4f;--xanh-sang: #1b7f5e;--xanh-nen: #ecf7f1;--cam: #e8952a;--cam-nen: #fdf0da;--cam-dam: #8f5711;--do: #de5b3e;--lam: #2c7da8;--lam-nen: #dcebf5;--lam-dam: #1f5d7e;--tim: #7a5aa8;--vien: 2.5px solid var(--muc);--bong: 5px 5px 0 var(--muc);--bong-nho: 3px 3px 0 var(--muc);--bo: 15px;--chu-tieu-de: "Baloo 2", "Segoe UI", system-ui, sans-serif;--chu: "Be Vietnam Pro", system-ui, -apple-system, sans-serif;--chu-nhat: "Be Vietnam Pro", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, "MS Gothic", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background-color:var(--kem);background-image:radial-gradient(rgba(20,32,27,.1) 1.6px,transparent 1.6px);background-size:24px 24px;color:var(--muc);font-family:var(--chu);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--chu-tieu-de);font-weight:700;margin:0;line-height:1.15}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.app{max-width:900px;margin:0 auto;padding:28px 20px 40px}.the{border:var(--vien);border-radius:20px;background:var(--giay);box-shadow:7px 7px 0 var(--muc);padding:24px}.nhan{font-size:12px;font-weight:700;letter-spacing:1.3px;color:var(--muc-nhat)}.o-nhap{width:100%;height:56px;border:var(--vien);border-radius:13px;background:var(--kem);padding:0 16px;font-size:17px;font-weight:600;color:var(--muc);outline:none}.o-nhap:focus-visible{box-shadow:var(--bong-nho);background:var(--giay)}.o-nhap::placeholder{color:var(--muc-mo);font-weight:500}.nut{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 24px;border:var(--vien);border-radius:var(--bo);background:var(--giay);box-shadow:var(--bong);font-family:var(--chu-tieu-de);font-size:19px;font-weight:700;color:var(--muc);transition:transform .08s ease,box-shadow .08s ease}.nut:hover:not(:disabled){transform:translate(2px,2px);box-shadow:3px 3px 0 var(--muc)}.nut:active:not(:disabled){transform:translate(5px,5px);box-shadow:0 0 0 var(--muc)}.nut:disabled{opacity:.45;cursor:not-allowed;box-shadow:var(--bong);transform:none}.nut--chinh{background:var(--xanh);color:var(--kem);width:100%}.nut--phu{background:var(--cam)}.nut--nhe{min-height:46px;font-size:15px;font-family:var(--chu);font-weight:600;box-shadow:none;border-radius:13px}.nut--nhe:hover:not(:disabled){transform:none;box-shadow:var(--bong-nho)}.nut-vong{display:inline-flex;align-items:center;gap:7px;background:none;border:none;padding:6px 0;font-size:14px;font-weight:600;color:var(--muc)}.nut-vong:hover{color:var(--xanh)}.huy-hieu{display:inline-flex;align-items:center;gap:7px;border:2px solid var(--muc);border-radius:999px;background:var(--giay);padding:4px 12px;font-size:12px;font-weight:600}.dot-song{width:9px;height:9px;border-radius:999px;background:var(--xanh-sang);flex-shrink:0}.anh-dai-dien{display:flex;align-items:center;justify-content:center;border-radius:999px;border:2px solid var(--muc);color:var(--kem);font-family:var(--chu-tieu-de);font-weight:700;flex-shrink:0}.chat{display:flex;flex-direction:column;border:var(--vien);border-radius:20px;background:var(--giay);box-shadow:6px 6px 0 var(--muc);overflow:hidden;min-height:340px}.chat__dau{display:flex;align-items:center;gap:8px;padding:13px 18px;border-bottom:var(--vien);background:var(--giay-mo);font-family:var(--chu-tieu-de);font-size:17px;font-weight:700}.chat__than{flex-grow:1;padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;max-height:420px}.chat__bong{max-width:80%;border:2px solid var(--muc);border-radius:13px 13px 13px 4px;background:var(--kem);padding:8px 12px;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.chat__bong--minh{border-radius:13px 13px 4px;background:var(--xanh-nen)}.chat__chan{display:flex;align-items:center;gap:9px;padding:12px 14px;border-top:var(--vien);background:var(--giay-mo)}.chat__nhap{flex-grow:1;height:44px;border:var(--vien);border-radius:12px;background:var(--giay);padding:0 13px;font-size:14px;outline:none}.chat__gui{width:44px;height:44px;flex-shrink:0;border:var(--vien);border-radius:12px;background:var(--xanh);display:flex;align-items:center;justify-content:center}.o-co__mo{opacity:0;transition:opacity .12s ease}.o-co:hover:not(:disabled) .o-co__mo,.o-co:focus-visible .o-co__mo{opacity:.26}.o-co:hover:not(:disabled){border-color:var(--xanh-sang)!important;border-style:dashed!important;background:var(--xanh-nen)!important}.bo-cuc-choi{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:24px;align-items:start}@media(max-width:780px){.bo-cuc-choi{grid-template-columns:minmax(0,1fr)}.the{padding:18px;box-shadow:5px 5px 0 var(--muc)}.app{padding:16px 14px 32px}}.bao-loi{display:flex;align-items:center;gap:9px;border:var(--vien);border-radius:13px;background:#fbe6e0;box-shadow:var(--bong-nho);padding:11px 14px;font-size:14px;font-weight:600}.man-cho{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 20px;text-align:center;color:var(--muc-nhat)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}