.thm.mx[data-mon]{--thm-acc:#16a34a;--thm-acc-2:#22c55e;--thm-acc-soft:#e6f7ec;--thm-acc-ink:#0f5f2e;--ar-line:#e6eef8;--comb-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.25' height='42' viewBox='0 0 24.25 42'%3E%3Cpath d='M12.125 0L24.25 7V21L12.125 28L0 21V7Z M12.125 28V42' fill='none' stroke='%2316a34a' stroke-width='1'/%3E%3C/svg%3E")}.mx .thm-sub,.mx .thm-sub.is-tienganh{--sub:#16a34a;--sub-2:#22c55e;--sub-soft:#e6f7ec}.mx .thm-sub__btn,.mx .thm-grade{text-decoration:none}.mx .thm-sub__btn{color:inherit}.mx .thm-sub.is-on .thm-grades{opacity:1;max-height:90px;padding:0 12px 14px}.mx .mx-pro{--ar-daily-bg:linear-gradient(180deg, #22c55e, #16a34a);--ar-daily-btn:#15803d;--ar-accent-hover:#166534;box-shadow:0 16px 30px -22px #15803d}.mx .mx-pro .ar-daily__cup{margin-bottom:8px;font-size:30px;line-height:1}.mx .mx-pro h3{font-size:16px;font-weight:800}.mx .ar-lv strong{color:var(--ink)}.mx .ar-lv__bar i{background:linear-gradient(90deg,#4ade80,#16a34a)}.mx .thm-main.en-mid{flex-direction:column;gap:14px;display:flex}.mx .en-hero h2{font-family:inherit}.mx .en-skills{margin:0}.mx .mx-course{padding:20px 20px 18px}.mx .mx-trail{margin-top:2px;padding-top:34px}.mx .thm-trail__in{align-items:stretch}.mx .thm-trail__in:before{top:56px}.mx .mx-bee{width:44px;height:44px}.mx .thm-stop.mx-stop--wide{cursor:default;width:330px;animation:mx-grow .45s var(--ease-out) backwards;background:linear-gradient(90deg,#fff 0%,#f3fbf5 100%);flex-direction:row;align-items:center;gap:12px;padding:8px 14px 8px 8px}.mx .mx-stop--wide:hover{transform:none}.mx .mx-stop--wide .thm-stop__img{flex:none;width:112px;height:112px;margin:0}.mx .mx-stop--wide .thm-stop__img img{filter:none}.mx .mx-stop__body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.mx .mx-stop__t{-webkit-line-clamp:3;font-family:var(--f-display);color:var(--ink);-webkit-box-orient:vertical;font-size:16px;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.mx .mx-stop__go{background:var(--acc);height:34px;transition:transform .18s var(--ease-out), box-shadow .18s, background .2s;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 3px #0f7a37;color:#fff!important}.mx .mx-stop__go svg{width:15px;height:15px;transition:transform .25s var(--ease-pop)}.mx .mx-stop__go:hover{background:#15a34a;transform:translateY(-1px);box-shadow:0 4px #0f7a37}.mx .mx-stop__go:hover svg{transform:translate(3px)}.mx .mx-stop--wide .thm-stop__bar{margin:0}@keyframes mx-grow{0%{clip-path:inset(0 54% 0 0 round 18px)}to{clip-path:inset(0 round 18px)}}.mx .thm-les__head{grid-template-columns:minmax(0,1fr) auto auto auto}.mx .mx-play{width:40px;height:40px;color:var(--brown);transition:transform .18s var(--ease-out), box-shadow .18s;background:linear-gradient(#ffcd45 0%,#ffae00 100%);border-radius:50%;place-items:center;display:grid;box-shadow:0 3px #d98900,0 10px 18px -10px #ff9600cc}.mx .mx-play svg{width:18px;height:18px;margin-left:2px}.mx .mx-play:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 5px #d98900,0 14px 22px -10px #ff9600d9}.mx .mx-play:active{transform:translateY(2px);box-shadow:0 1px #d98900}.mx .mx-play:focus-visible{outline:3px solid color-mix(in srgb, var(--acc) 55%, transparent);outline-offset:2px}.mx .thm-cell:before{display:none}.mx .thm-cell:hover{border-color:var(--tone);box-shadow:0 0 0 3px color-mix(in srgb, var(--tone) 20%, transparent), 0 10px 20px -16px var(--tone);transform:none}.mx .thm-cell:hover .thm-cell__hex{transform:none}.mx .thm-right.en-right{flex-direction:column;gap:12px;display:flex}@media (width<=860px){html:not(.otake-lock) body[data-ios-shell=student] .mx .mx-pro,html:not(.otake-lock) body[data-ios-shell=student] .mx .ar-lv{display:block!important}}@media (width<=1180px){.mx .thm-right.en-right{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}}@media (width<=920px){.mx .thm-left{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.mx .thm-right.en-right{grid-template-columns:minmax(0,1fr)}.mx .thm-les__head{flex-wrap:wrap;align-items:center;display:flex}.mx .thm-les__toggle{flex:100%}.mx .thm-les__learn{margin-right:auto}}@media (width<=640px){.mx .mx-pro{order:4}.mx .ar-lv{order:5}.mx .thm-stop.mx-stop--wide{width:272px}.mx .mx-stop--wide .thm-stop__img{width:88px;height:88px}.mx .mx-stop__t{font-size:14.5px}.mx .thm-trail__in:before{top:48px}}