/*! © 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 */.tnpc{display:flex;align-items:flex-end;gap:12px;margin:4px 0 14px;text-align:left;font-family:var(--font-sans,"Nunito",system-ui,sans-serif)}.tnpc.r{flex-direction:row-reverse}.tnpc-av{--d:92px;position:relative;flex:none;width:var(--d);height:var(--d);border-radius:50%;overflow:hidden;background:var(--surface-200,#E4EAF5);border:var(--stroke,2.5px) solid var(--outline,#1F2A55);box-shadow:var(--shadow-press,0 4px 0 #1F2A55)}.tnpc-av img{width:100%;height:100%;max-width:none;object-fit:cover;display:block}.tnpc .tnpc-av{transform-origin:50% 100%;animation:tnIn .5s cubic-bezier(.3,1.5,.5,1) both,tnIdle 3.2s ease-in-out .6s infinite}.tnpc.talking .tnpc-av{animation:tnTalk .42s ease-in-out infinite}.tnpc-b{position:relative;flex:1;min-width:0;padding:12px 16px 14px;background:var(--surface-000,#FFFFFF);border:var(--stroke,2.5px) solid var(--outline,#1F2A55);border-radius:22px 22px 22px 6px;box-shadow:0 4px 0 var(--outline,#1F2A55);cursor:pointer}.tnpc.r .tnpc-b{border-radius:22px 22px 6px}.tnpc-n{display:inline-block;margin-bottom:4px;padding:2px 10px;border:2px solid var(--outline,#1F2A55);border-radius:999px;background:var(--lab-blue,#0042AA);color:var(--on-lab-blue,#FFFFFF);font:800 11px/14px var(--font-sans,"Nunito",sans-serif);letter-spacing:.06em;text-transform:uppercase}.tnpc.an .tnpc-n{background:var(--coral,#F06B4A);color:var(--on-highlight,#1F2A55)}.tnpc-b p{margin:0;font-size:15.5px;line-height:1.55;color:var(--ink,#1F2A55);font-weight:700}.tnpc-b p b{color:var(--lab-blue,#0042AA)}.tnpc.an .tnpc-b p b{color:var(--coral-ink,#B23E1F)}.tnpc-b p .hz,.tnpc-b p .zh{font-family:var(--font-hanzi,"Noto Sans SC",sans-serif)}.tnpc.sm .tnpc-av{--d:68px}.tnpc.sm .tnpc-b p{font-size:14.5px}.tnpc-mini{display:inline-flex;align-items:center;gap:8px;text-align:left;vertical-align:middle}.tnpc-av.s{--d:40px;border-width:2px;box-shadow:0 2px 0 var(--outline,#1F2A55);animation:tnPop .4s cubic-bezier(.3,1.6,.5,1)}@keyframes tnIn{0%{transform:translateY(14px) scale(.7);opacity:0}to{transform:none;opacity:1}}@keyframes tnIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes tnTalk{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-3px) rotate(-3deg)}70%{transform:translateY(-1px) rotate(3deg)}}@keyframes tnPop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.tnpc .tnpc-av,.tnpc-av.s{animation:none!important}}@media(max-width:640px){.tnpc{gap:10px}.tnpc-av{--d:64px}.tnpc.sm .tnpc-av{--d:54px}.tnpc-b{padding:10px 12px 12px}.tnpc-b p{font-size:14.5px}.tnpc-av.s{--d:34px}}.tnpc-choose{margin:4px 0 16px;padding:20px 22px;background:var(--surface-000,#FFFFFF);border:var(--stroke,2.5px) solid var(--outline,#1F2A55);border-radius:var(--radius-l,28px);box-shadow:var(--shadow-sticker,0 6px 0 #1F2A55);font-family:var(--font-sans,"Nunito",sans-serif);text-align:left;color:var(--ink,#1F2A55)}.tnpc-ct{display:block;font:800 22px/26px var(--font-display,"Baloo 2",sans-serif)}.tnpc-cs{margin:4px 0 16px;font-size:14px;line-height:1.55;color:var(--ink-muted,#3E4A75);font-weight:600}.tnpc-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tnpc-pick{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px 14px;border:var(--stroke,2.5px) solid var(--outline,#1F2A55);border-radius:var(--radius-l,28px);background:var(--surface-100,#F5F8FF);box-shadow:var(--shadow-press,0 4px 0 #1F2A55);cursor:pointer;font:inherit;color:var(--ink,#1F2A55);transition:transform .15s}.tnpc-pick .tnpc-av{--d:100px}.tnpc-pick b{font:800 18px var(--font-display,"Baloo 2",sans-serif)}.tnpc-pick small{font-size:12.5px;font-weight:700;color:var(--ink-muted,#3E4A75);text-align:center;line-height:1.4}.tnpc-pick.on{background:var(--sky,#DCEAFF);box-shadow:var(--shadow-pressed,0 1px 0 #1F2A55);transform:translateY(3px)}.tnpc-pick[data-tnpc-buddy=an].on{background:var(--peach,#FFE4D9)}@media(hover:hover){.tnpc-pick:not(.on):hover{transform:translateY(-2px)}}.tnpc-nm{display:flex;flex-direction:column;gap:6px;margin-top:16px;font-size:14px;font-weight:800;color:var(--ink,#1F2A55)}.tnpc-nm input{min-height:48px;padding:0 16px;border:2px solid var(--outline,#1F2A55);border-radius:var(--radius-pill,999px);background:var(--surface-000,#FFFFFF);color:var(--ink,#1F2A55);font:700 16px var(--font-sans,"Nunito",sans-serif)}.tnpc-nm input:focus{outline:3px solid var(--focus-ring,#0042AA);outline-offset:2px}.tnpc-ok{margin-top:14px;min-height:50px;padding:0 26px;border:var(--stroke,2.5px) solid var(--outline,#1F2A55);border-radius:var(--radius-pill,999px);background:var(--lab-blue,#0042AA);color:var(--on-lab-blue,#FFFFFF);box-shadow:var(--shadow-press,0 4px 0 #1F2A55);font:700 17px var(--font-display,"Baloo 2",sans-serif);cursor:pointer}.tnpc-ok[disabled]{background:var(--surface-200,#E4EAF5);color:var(--ink-muted,#3E4A75);border-style:dashed;box-shadow:none;cursor:default}.tnpc-swap{display:inline-flex;align-items:center;min-height:32px;margin-top:6px;font-size:13px;font-weight:800;color:var(--lab-blue,#0042AA);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline}@media(max-width:640px){.tnpc-pick .tnpc-av{--d:80px}}.tp-pace{position:fixed;inset:0;z-index:600;display:grid;place-items:center;padding:16px;background:#1f2a5573;font-family:var(--font-sans,"Nunito",system-ui,sans-serif)}.tp-pace-c{position:relative;width:min(420px,100%);box-sizing:border-box;padding:22px;border:var(--stroke,2.5px) solid var(--outline,#1F2A55);border-radius:24px;background:var(--surface-000,#fff);color:var(--ink,#1F2A55);box-shadow:0 5px 0 var(--outline,#1F2A55)}.tp-pace-c>b{display:block;margin:0 28px 6px 0;font:800 20px/1.25 var(--font-display,"Baloo 2",sans-serif)}.tp-pace-c p{margin:0 0 14px;color:var(--ink-muted,#3E4A75);font-weight:600;font-size:14.5px}.tp-pace-c .tp-x{position:absolute;top:12px;right:12px;width:34px;height:34px;border:2px solid var(--outline,#1F2A55);border-radius:50%;background:var(--surface-000,#fff);color:var(--ink,#1F2A55);font:800 15px var(--font-sans,sans-serif);cursor:pointer}.tp-pace-o{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-weight:800}.tp-pace-o button{min-width:52px;height:44px;border:2px solid var(--outline,#1F2A55);border-radius:14px;background:var(--surface-000,#fff);color:var(--ink,#1F2A55);font:800 16px var(--font-sans,sans-serif);cursor:pointer}.tp-pace-o button[aria-pressed=true]{background:var(--lab-blue,#0042AA);color:#fff}.tp-pace-o input{width:76px;height:44px;box-sizing:border-box;padding:0 8px;border:2px solid var(--outline,#1F2A55);border-radius:14px;background:var(--surface-000,#fff);color:var(--ink,#1F2A55);font:800 16px var(--font-sans,sans-serif);text-align:center}.tp-pace-w{margin-bottom:14px;padding:10px 14px;border:2px dashed var(--outline,#1F2A55);border-radius:14px;background:#ffe4d9;color:#1f2a55;font-size:14px;font-weight:600}.tp-pace-w b{display:block;font-weight:800}.tp-pace-go{width:100%;justify-content:center;min-height:48px;border:2.5px solid var(--outline,#1F2A55);border-radius:16px;background:var(--lab-blue,#0042AA);color:#fff;font:800 17px var(--font-display,"Baloo 2",sans-serif);box-shadow:0 3px 0 var(--outline,#1F2A55);cursor:pointer}.tnpc-av{border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}.tnpc-av img{object-fit:contain!important;filter:drop-shadow(0 10px 9px rgba(20,34,80,.16)) drop-shadow(0 2px 2px rgba(20,34,80,.1))}.tnpc-av.s{box-shadow:none!important}.tnpc-av{--d:124px}.tnpc.sm .tnpc-av{--d:96px}.tnpc-pick .tnpc-av{--d:132px}@media(max-width:640px){.tnpc-av{--d:88px}.tnpc.sm .tnpc-av{--d:70px}.tnpc-pick .tnpc-av{--d:100px}}