[data-zone=learner] .hapio-lhp-tlr{container-type:inline-size;container-name:tlr;color:var(--learner-color-text);font-family:var(--learner-font-body)}[data-zone=learner] .hapio-lhp-tlr-notice{display:flex;align-items:center;gap:9px;margin:0 0 18px;padding:10px 14px;border-radius:var(--learner-radius-md);background:var(--learner-tone-amber-soft);color:var(--learner-tone-amber-text);box-shadow:inset 0 0 0 1px var(--learner-tone-amber-ring);font-weight:600;line-height:1.45}[data-zone=learner] .hapio-lhp-tlr-notice,[data-zone=learner] .hapio-lhp-tlr-notice span{font-size:13.5px!important}[data-zone=learner] .hapio-lhp-tlr-notice svg,[data-zone=learner] .hapio-lhp-tlr-notice__x{flex:0 0 auto;color:var(--learner-tone-amber-icon)}[data-zone=learner] .hapio-lhp-tlr-notice__x{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;border-radius:var(--learner-radius-sm,8px);background:transparent;cursor:pointer}[data-zone=learner] .hapio-lhp-tlr-notice__x:hover{background:var(--learner-tone-amber-ring)}@media (max-width:640px){[data-zone=learner] .hapio-lhp-tlr-notice{padding:9px 12px}[data-zone=learner] .hapio-lhp-tlr-notice,[data-zone=learner] .hapio-lhp-tlr-notice span{font-size:13px!important}}[data-zone=learner] .hapio-lhp-tlr-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:2px;margin-bottom:14px}@media (max-width:640px){[data-zone=learner] .hapio-lhp-tlr-tabs{grid-template-columns:repeat(2,1fr)}}@media (min-width:641px){[data-zone=learner] [data-exam=toeic-lr] .hapio-lhp-tlr-tabs{grid-template-columns:repeat(3,1fr)}}[data-zone=learner] .hapio-lhp-tlr-tabs:hover{scrollbar-color:var(--learner-color-border-strong) transparent}[data-zone=learner] .hapio-lhp-tlr-tabs::-webkit-scrollbar{height:6px}[data-zone=learner] .hapio-lhp-tlr-tabs::-webkit-scrollbar-track{background:transparent}[data-zone=learner] .hapio-lhp-tlr-tabs::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--learner-radius-pill);-webkit-transition:background .2s var(--learner-ease-out);transition:background .2s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-tabs:hover::-webkit-scrollbar-thumb{background:var(--learner-color-border-strong)}[data-zone=learner] .hapio-lhp-tlr-tab{min-width:0;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:13px 14px;border-radius:var(--learner-radius-md);background:var(--learner-color-surface);border:1px solid var(--learner-color-border);color:var(--learner-color-text-muted);font-weight:600;transition:color .2s var(--learner-ease-out),border-color .2s var(--learner-ease-out),background .2s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-tab__top{display:flex;align-items:center;gap:9px;width:100%;min-width:0}[data-zone=learner] .hapio-lhp-tlr-tab__ico{display:inline-flex;color:var(--learner-color-text-subtle);transition:color .2s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-tab__lab{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}[data-zone=learner] .hapio-lhp-tlr-tab__crown{display:inline-flex;flex-shrink:0;margin-left:6px;color:var(--learner-color-warning)}[data-zone=learner] .hapio-lhp-tlr-tab:hover{color:var(--learner-color-text)}[data-zone=learner] .hapio-lhp-tlr-tab.is-active{border-color:var(--learner-color-brand);background:var(--learner-color-brand-soft);color:var(--learner-color-brand-strong);box-shadow:var(--learner-shadow-sm)}[data-zone=learner] .hapio-lhp-tlr-tab.is-active .hapio-lhp-tlr-tab__ico{color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlr-tab--quick{cursor:pointer}[data-zone=learner] .hapio-lhp-tlr-tab--quick .hapio-lhp-tlr-tab__ico{color:var(--learner-color-warning)}[data-zone=learner] .hapio-lhp-tlr-tab--quick{position:relative;overflow:hidden}[data-zone=learner] .hapio-lhp-tlr-tab--quick:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:var(--learner-color-warning-soft);opacity:0}[data-zone=learner] .hapio-lhp-tlr-tab--quick.is-flash:after{animation:hapio-lhp-tlr-thunder-flash 1.6s ease-out .4s 1 both}[data-zone=learner] .hapio-lhp-tlr-tab--quick .hapio-lhp-tlr-tab__top{position:relative;z-index:1}[data-zone=learner] .hapio-lhp-tlr-tab--quick.is-flash .hapio-lhp-tlr-tab__ico svg{animation:hapio-lhp-tlr-thunder-bolt 1.6s ease-out .4s 1 both}@keyframes hapio-lhp-tlr-thunder-flash{0%,to{opacity:0}6%{opacity:1}12%{opacity:.15}16%{opacity:.9}30%{opacity:0}56%{opacity:1}62%{opacity:.15}66%{opacity:.9}80%{opacity:0}}@keyframes hapio-lhp-tlr-thunder-bolt{0%,30%,50%,80%,to{transform:none;filter:none}16%,56%,6%,66%{transform:scale(1.35) rotate(-8deg);filter:drop-shadow(0 0 6px var(--learner-color-warning))}12%,62%{transform:scale(1.1);filter:none}}@media (prefers-reduced-motion:reduce){[data-zone=learner] .hapio-lhp-tlr-tab--quick .hapio-lhp-tlr-tab__ico svg,[data-zone=learner] .hapio-lhp-tlr-tab--quick:after{animation:none}}[data-zone=learner] .hapio-lhp-tlr-tab--quick:hover{border-color:var(--learner-color-warning);background:var(--learner-color-warning-soft);color:var(--learner-color-text)}[data-zone=learner] .hapio-lhp-tlr-card{background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-lg);box-shadow:var(--learner-shadow-sm)}[data-zone=learner] .hapio-lhp-tlr-sectionhead{display:flex;gap:14px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin:2px 2px 16px}[data-zone=learner] .hapio-lhp-tlr-sectionhead h2{margin:0;font-size:19px;font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-tlr-sectionhead p{margin:4px 0 0;font-size:13px;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlr-note{display:flex;align-items:flex-start;gap:9px;margin:0 2px 15px;font-size:13.5px;line-height:1.55;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlr-note b{color:var(--learner-color-text-body);font-weight:600}[data-zone=learner] .hapio-lhp-tlr-note__ico{flex:none;margin-top:1px;color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlr-gen.is-rose .hapio-lhp-tlr-note__ico{color:var(--learner-tone-rose-text)}[data-zone=learner] .hapio-lhp-tlr-note__txt{flex:1;min-width:0}[data-zone=learner] .hapio-lhp-tlr-form{padding:20px}[data-zone=learner] .hapio-lhp-tlr-fld{margin-bottom:18px}[data-zone=learner] .hapio-lhp-tlr-fld:last-child{margin-bottom:0}[data-zone=learner] .hapio-lhp-tlr-lbl{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--learner-color-text-body);margin-bottom:9px}[data-zone=learner] .hapio-lhp-tlr-lbl .req{color:var(--learner-color-danger);font-weight:700}[data-zone=learner] .hapio-lhp-tlr-lbl .opt,[data-zone=learner] .hapio-lhp-tlr-lbl .right{color:var(--learner-color-text-subtle);font-weight:500}[data-zone=learner] .hapio-lhp-tlr-lbl .right{margin-left:auto}[data-zone=learner] .hapio-lhp-tlr-lbl .tip{font-weight:500;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-tlr-toprow{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end;margin-bottom:18px}[data-zone=learner] .hapio-lhp-tlr-toprow__col{min-width:0}[data-zone=learner] .hapio-lhp-tlr-toprow.is-stack{grid-template-columns:1fr;align-items:start}[data-zone=learner] .hapio-lhp-tlr-toprow.is-stack .hapio-lhp-tlr-select{max-width:340px}[data-zone=learner] .hapio-lhp-tlr-qcard2.is-all .hapio-lhp-tlr-qcard2__go{color:var(--learner-color-on-accent);background:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlr-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}[data-zone=learner] .hapio-lhp-tlr-level{cursor:pointer;position:relative;text-align:left;border:1.5px solid var(--learner-color-border);background:var(--learner-color-surface);border-radius:var(--learner-radius-md);padding:9px 11px;transition:all .18s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-level__num{display:block;font-size:15px;font-weight:700;line-height:1.05;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-tlr-level__sub{display:block;font-size:10.5px;color:var(--learner-color-text-muted);margin-top:2px}[data-zone=learner] .hapio-lhp-tlr-level:hover{border-color:var(--learner-color-brand-border);transform:translateY(-1px)}[data-zone=learner] .hapio-lhp-tlr-level.is-on{border-color:var(--learner-color-brand);background:var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-tlr-level.is-on .hapio-lhp-tlr-level__num{color:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-tlr-level__tick{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:var(--learner-radius-pill);background:var(--learner-color-brand);color:var(--learner-color-on-accent);display:none;place-items:center}[data-zone=learner] .hapio-lhp-tlr-level.is-on .hapio-lhp-tlr-level__tick{display:grid}[data-zone=learner] .hapio-lhp-tlr-partgroups{display:flex;flex-wrap:wrap;gap:10px 30px}[data-zone=learner] .hapio-lhp-tlr-partgroup{margin-bottom:0}[data-zone=learner] .hapio-lhp-tlr-pglabel{display:block;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--learner-color-text-subtle);margin-bottom:7px}[data-zone=learner] .hapio-lhp-tlr-chiprow{display:flex;flex-wrap:wrap;gap:8px}[data-zone=learner] .hapio-lhp-tlr-chip{cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1.5px solid var(--learner-color-border);background:var(--learner-color-surface);color:var(--learner-color-text-body);border-radius:var(--learner-radius-pill);padding:12px 15px;font-size:15px;font-weight:600;transition:all .16s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-chip__sec{font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--learner-color-text-subtle);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-xs,6px);padding:1px 4px}[data-zone=learner] .hapio-lhp-tlr-chip:hover{border-color:var(--learner-color-brand-border)}[data-zone=learner] .hapio-lhp-tlr-chip.is-on{border-color:var(--learner-color-brand);background:var(--learner-color-brand-soft);color:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-tlr-chip.is-on .hapio-lhp-tlr-chip__sec{border-color:var(--learner-color-brand-border);color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlr-chip.is-dim,[data-zone=learner] .hapio-lhp-tlr-chip:disabled{opacity:.4;cursor:not-allowed}[data-zone=learner] .hapio-lhp-tlr-chip.is-dim:hover,[data-zone=learner] .hapio-lhp-tlr-chip:disabled:hover{border-color:var(--learner-color-border)}[data-zone=learner] .hapio-lhp-tlr-pchip{padding:6px 15px 6px 6px;gap:8px;--pc:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlr-pchip.is-p1{--pc:var(--learner-tone-emerald-text)}[data-zone=learner] .hapio-lhp-tlr-pchip.is-p2{--pc:var(--learner-tone-amber-text)}[data-zone=learner] .hapio-lhp-tlr-pchip.is-p3{--pc:var(--learner-tone-blue-text)}[data-zone=learner] .hapio-lhp-tlr-pchip.is-p4{--pc:var(--learner-tone-rose-text)}[data-zone=learner] .hapio-lhp-tlr-pchip.is-p5{--pc:var(--learner-tone-violet-text)}[data-zone=learner] .hapio-lhp-tlr-pchip.is-p6{--pc:var(--learner-tone-orange-text)}[data-zone=learner] .hapio-lhp-tlr-pchip.is-p7{--pc:var(--learner-tone-green-text)}[data-zone=learner] .hapio-lhp-tlr-pchip__ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:color-mix(in srgb,var(--pc) 14%,var(--learner-color-surface));color:var(--pc)}[data-zone=learner] .hapio-lhp-tlr-pchip.is-on{border-color:var(--learner-color-brand);background:var(--learner-color-brand);color:var(--learner-color-on-accent)}[data-zone=learner] .hapio-lhp-tlr-pchip.is-on .hapio-lhp-tlr-pchip__ico{background:var(--learner-color-surface);color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlr-pgrp{display:inline-flex;gap:8px;flex-wrap:nowrap}[data-zone=learner] .hapio-lhp-tlr-qtools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}[data-zone=learner] .hapio-lhp-tlr-qtabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}[data-zone=learner] .hapio-lhp-tlr-qtab{border:1.5px solid var(--learner-color-border);background:var(--learner-color-surface);color:var(--learner-color-text-muted);font-family:inherit;font-size:13px;font-weight:600;border-radius:var(--learner-radius-pill);padding:7px 14px;cursor:pointer;transition:all var(--learner-duration-fast) var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-qtab:hover{border-color:var(--learner-color-border-strong);color:var(--learner-color-text)}[data-zone=learner] .hapio-lhp-tlr-qtab.is-on{border-color:var(--learner-color-brand);background:var(--learner-color-brand-soft);color:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-tlr-select{position:relative}[data-zone=learner] .hapio-lhp-tlr-select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;color:var(--learner-color-text);font-family:inherit;font-size:13px;font-weight:500;padding:11px 36px 11px 14px;min-width:150px;cursor:pointer}[data-zone=learner] .hapio-lhp-tlr-autolevel,[data-zone=learner] .hapio-lhp-tlr-select select{border:1.5px solid var(--learner-color-border);background:var(--learner-color-surface);border-radius:var(--learner-radius-md)}[data-zone=learner] .hapio-lhp-tlr-autolevel{padding:6px 14px;min-height:44.5px;display:flex;flex-direction:column;justify-content:center}[data-zone=learner] .hapio-lhp-tlr-autolevel__val{font-size:13px;font-weight:600;color:var(--learner-color-text)}[data-zone=learner] .hapio-lhp-tlr-autolevel__why{font-size:11.5px;line-height:1.3;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-tlr-select__chev{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--learner-color-text-subtle);display:inline-flex}[data-zone=learner] .hapio-lhp-tlr-search{display:flex;align-items:center;gap:9px;flex:1 1 170px;border:1.5px solid var(--learner-color-border);background:var(--learner-color-surface);border-radius:var(--learner-radius-md);padding:10px 13px;transition:border-color .15s var(--learner-ease-out),box-shadow .15s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-search:focus-within{border-color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlr-search input:focus,[data-zone=learner] .hapio-lhp-tlr-search input:focus-visible{outline:none;box-shadow:none}[data-zone=learner] .hapio-lhp-tlr-search__ico{color:var(--learner-color-text-subtle);display:inline-flex}[data-zone=learner] .hapio-lhp-tlr-search input{border:0;outline:0;background:transparent;flex:1;min-width:0;font-size:13.5px;color:var(--learner-color-text);font-family:inherit}[data-zone=learner] .hapio-lhp-tlr-search input::-moz-placeholder{color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-tlr-search input::placeholder{color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-tlr-qgroups{max-height:300px;overflow:auto;padding-right:4px;margin:0 -2px}[data-zone=learner] .hapio-lhp-tlr-qgroups::-webkit-scrollbar{width:8px}[data-zone=learner] .hapio-lhp-tlr-qgroups::-webkit-scrollbar-thumb{background:var(--learner-color-border-strong);border-radius:9px}[data-zone=learner] .hapio-lhp-tlr-qgroup{margin:0 2px 14px}[data-zone=learner] .hapio-lhp-tlr-qgroup h4{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-tlr-qgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px;margin:0 2px}[data-zone=learner] .hapio-lhp-tlr-qcard2{position:relative;display:flex;flex-direction:column;gap:9px;text-align:left;border:1.5px solid var(--learner-color-border);background:var(--learner-color-surface);border-radius:var(--learner-radius-lg);padding:13px 14px 12px;transition:border-color .16s var(--learner-ease-out),box-shadow .16s var(--learner-ease-out),transform .14s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-qcard2:hover{border-color:var(--learner-color-brand-border);box-shadow:var(--learner-shadow-md);transform:translateY(-2px)}[data-zone=learner] .hapio-lhp-tlr-qcard2__fav{position:absolute;top:9px;right:9px;z-index:1;cursor:pointer;border:0;background:transparent;padding:2px;color:var(--learner-color-text-subtle);display:inline-flex;align-items:center;justify-content:center;transition:color .15s var(--learner-ease-out),transform .12s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-qcard2__fav:hover{color:var(--learner-tone-rose-icon);transform:scale(1.12)}[data-zone=learner] .hapio-lhp-tlr-qcard2.is-fav .hapio-lhp-tlr-qcard2__fav{color:var(--learner-tone-rose-icon)}[data-zone=learner] .hapio-lhp-tlr-qcard2.is-fav .hapio-lhp-tlr-qcard2__fav svg{fill:var(--learner-tone-rose-icon)}[data-zone=learner] .hapio-lhp-tlr-qcard2__titles{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 7px;padding-right:22px}[data-zone=learner] .hapio-lhp-tlr-qcard2__en{font-size:16px;font-weight:600;line-height:1.25;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-tlr-qcard2__vi{font-size:12.5px;font-weight:500;color:var(--learner-color-text-muted);line-height:1.25}[data-zone=learner] .hapio-lhp-tlr-qcard2__vi:before{content:"·";margin-right:6px;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-tlr-qcard2__count{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:400;color:var(--learner-color-text-muted);font-variant-numeric:tabular-nums lining-nums;margin-top:-2px}[data-zone=learner] .hapio-lhp-tlr-qcard2__count svg{flex:none;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-tlr-qcard2__count b{font-weight:inherit;color:inherit;margin-right:3px}[data-zone=learner] .hapio-lhp-tlr-qcard2__prog{display:flex;flex-direction:column;gap:5px}[data-zone=learner] .hapio-lhp-tlr-qcard2__bar{height:6px;border-radius:var(--learner-radius-pill);background:var(--learner-color-surface-soft);overflow:hidden}[data-zone=learner] .hapio-lhp-tlr-qcard2__bar i{display:block;height:100%;border-radius:var(--learner-radius-pill);background:var(--learner-tone-orange-icon);transition:width .3s var(--learner-ease-out),background .2s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-qcard2__prog.is-done .hapio-lhp-tlr-qcard2__bar i{background:var(--learner-tone-green-icon)}[data-zone=learner] .hapio-lhp-tlr-qcard2__pct{font-size:11px;font-weight:500;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-tlr-qcard2__prog.is-done .hapio-lhp-tlr-qcard2__pct{color:var(--learner-tone-green-text);font-weight:600}[data-zone=learner] .hapio-lhp-tlr-qcard2__actions{display:flex;gap:7px}[data-zone=learner] .hapio-lhp-tlr-qcard2__go,[data-zone=learner] .hapio-lhp-tlr-qcard2__theory{cursor:pointer;border:0;font-family:inherit;font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;border-radius:var(--learner-radius-md);padding:8px;white-space:nowrap;transition:filter .15s var(--learner-ease-out),background .15s var(--learner-ease-out),color .15s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-qcard2__go svg,[data-zone=learner] .hapio-lhp-tlr-qcard2__theory svg{flex:none}[data-zone=learner] .hapio-lhp-tlr-qcard2__go{flex:1 1 0;color:var(--learner-color-brand);background:var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-tlr-qcard2:hover .hapio-lhp-tlr-qcard2__go:not(:disabled){color:var(--learner-color-on-accent);background:var(--learner-color-brand);box-shadow:var(--learner-shadow-sm)}[data-zone=learner] .hapio-lhp-tlr-qcard2__go:disabled{opacity:.5;cursor:not-allowed}[data-zone=learner] .hapio-lhp-tlr-qcard2__theory{flex:1 1 0;color:var(--learner-color-text-muted);background:var(--learner-color-surface-soft)}[data-zone=learner] .hapio-lhp-tlr-qcard2:hover .hapio-lhp-tlr-qcard2__theory{color:var(--learner-color-brand);background:var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-tlr-qcard2.is-empty{opacity:.62;border-style:dashed}[data-zone=learner] .hapio-lhp-tlr-qempty{font-size:13px;color:var(--learner-color-text-muted);padding:6px 2px}[data-zone=learner] .hapio-lhp-tlr-qsearch{margin-bottom:12px}[data-zone=learner] .hapio-lhp-tlr-qmore{cursor:pointer;margin:12px 2px 0;border:1.5px dashed var(--learner-color-border-strong);background:transparent;color:var(--learner-color-text-muted);border-radius:var(--learner-radius-pill);padding:7px 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-qmore:hover{border-color:var(--learner-color-brand-border);color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlr-sublbl{display:flex;align-items:baseline;gap:7px;margin:0 0 9px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-tlr-sublbl .tip{font-weight:500;letter-spacing:0;text-transform:none}[data-zone=learner] .hapio-lhp-tlr-lvrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}[data-zone=learner] .hapio-lhp-tlr-lv{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;min-width:0;border:1.5px solid var(--learner-color-border);background:var(--learner-color-surface);border-radius:var(--learner-radius-md);padding:10px;transition:all .16s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-lv:hover{border-color:var(--learner-color-brand-border)}[data-zone=learner] .hapio-lhp-tlr-lv__name{font-size:14px;font-weight:700;line-height:1.1;color:var(--learner-color-text-strong);white-space:nowrap}[data-zone=learner] .hapio-lhp-tlr-lv__band{font-size:11.5px;font-weight:500;color:var(--learner-color-text-muted);font-variant-numeric:tabular-nums}[data-zone=learner] .hapio-lhp-tlr-lv.is-on{border-color:var(--learner-color-brand);background:var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-tlr-lv.is-on .hapio-lhp-tlr-lv__name{color:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-tlr-lv.is-on .hapio-lhp-tlr-lv__band{color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlr-genfoot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--learner-color-border-soft)}[data-zone=learner] .hapio-lhp-tlr-genfoot__sum{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlr-genfoot__sum b{color:var(--learner-color-text-strong);font-weight:700}[data-zone=learner] .hapio-lhp-tlr-genfoot__pin{width:8px;height:8px;border-radius:var(--learner-radius-pill);background:var(--learner-color-brand);flex:none}[data-zone=learner] .hapio-lhp-tlr-ctasm{cursor:pointer;border:0;border-radius:var(--learner-radius-md);padding:11px 20px;font-family:inherit;font-size:14.5px;font-weight:700;color:var(--learner-color-on-accent);background:var(--learner-color-brand);display:inline-flex;align-items:center;gap:8px;transition:filter .16s var(--learner-ease-out),transform .12s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-ctasm:hover{filter:brightness(1.06)}[data-zone=learner] .hapio-lhp-tlr-ctasm:active{transform:translateY(1px)}[data-zone=learner] .hapio-lhp-tlr-ctasm:disabled{opacity:.5;cursor:not-allowed}[data-zone=learner] .hapio-lhp-tlr-bottombar{position:sticky;bottom:0;z-index:20;display:flex;justify-content:center;margin-top:16px;padding:13px 0;background:color-mix(in srgb,var(--learner-color-surface) 90%,transparent);backdrop-filter:blur(12px) saturate(1.4);border-top:1px solid var(--learner-color-border)}[data-zone=learner] .hapio-lhp-tlr-cta{width:100%;max-width:560px;cursor:pointer;border:0;border-radius:var(--learner-radius-md);padding:15px;font-size:15px;font-weight:700;color:var(--learner-color-on-accent);background:var(--learner-color-brand);display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:filter .16s var(--learner-ease-out),transform .12s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-cta:hover{filter:brightness(1.06)}[data-zone=learner] .hapio-lhp-tlr-cta:active{transform:translateY(1px)}[data-zone=learner] .hapio-lhp-tlr-cta:disabled{opacity:.5;cursor:not-allowed}[data-zone=learner] .hapio-lhp-tlr-cta.is-rose{background:var(--learner-tone-rose-text)}[data-zone=learner] .hapio-lhp-tlr-cta.is-amber{background:var(--learner-color-warning)}[data-zone=learner] .hapio-lhp-tlr-cta.is-ghost{background:var(--learner-color-surface);color:var(--learner-color-text);border:1.5px solid var(--learner-color-border)}[data-zone=learner] .hapio-lhp-tlr-cta.is-ghost:hover{filter:none;background:var(--learner-color-surface-soft)}[data-zone=learner] .hapio-lhp-tlr-generr{margin:10px 2px 0;font-size:12px;color:var(--learner-color-danger)}[data-zone=learner] .hapio-lhp-tlr-generr-links{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:6px}[data-zone=learner] .hapio-lhp-tlr-generr-links a{color:var(--learner-color-brand);font-weight:600;text-decoration:underline}[data-zone=learner] .hapio-lhp-tlr-whead{display:flex;align-items:center;gap:12px;padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid var(--learner-color-border-soft)}[data-zone=learner] .hapio-lhp-tlr-whead__ico{width:42px;height:42px;flex:none;border-radius:12px;background:var(--learner-tone-rose-soft);color:var(--learner-tone-rose-text);display:grid;place-items:center;border:1px solid var(--learner-tone-rose-ring)}[data-zone=learner] .hapio-lhp-tlr-whead__num{display:flex;flex-direction:column;line-height:1.15;min-width:0}[data-zone=learner] .hapio-lhp-tlr-whead__num .n{font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-tlr-whead__num .n b{color:var(--learner-tone-rose-text);font-weight:800}[data-zone=learner] .hapio-lhp-tlr-whead__num .c{font-size:12px;font-weight:500;color:var(--learner-color-text-muted);margin-top:1px}[data-zone=learner] .hapio-lhp-tlr-whead__meta{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:2px}[data-zone=learner] .hapio-lhp-tlr-whead__meta .k{font-size:10.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-tlr-whead__meta .v{font-size:13px;font-weight:700;color:var(--learner-color-text-body);font-variant-numeric:tabular-nums}[data-zone=learner] .hapio-lhp-tlr-pstat{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}[data-zone=learner] .hapio-lhp-tlr-ps{display:inline-flex;align-items:center;gap:7px;background:var(--learner-color-surface-soft);border:1px solid var(--learner-color-border-soft);border-radius:var(--learner-radius-pill);padding:5px 11px 5px 9px;font-size:12px}[data-zone=learner] .hapio-lhp-tlr-ps__dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--learner-tone-rose-text);opacity:.55}[data-zone=learner] .hapio-lhp-tlr-ps__k{font-weight:700;color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-tlr-ps__v{font-weight:800;color:var(--learner-tone-rose-text);font-variant-numeric:tabular-nums}[data-zone=learner] .hapio-lhp-tlr-step{display:flex;align-items:center;gap:8px;margin:0 0 9px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-tlr-step .idx{display:inline-grid;place-items:center;width:16px;height:16px;flex:none;border-radius:50%;background:var(--learner-color-brand-soft);color:var(--learner-color-brand-strong);font-size:10px;font-weight:800;letter-spacing:0}[data-zone=learner] .hapio-lhp-tlr-step .tip{font-weight:500;letter-spacing:0;text-transform:none;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-tlr-srcrow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}[data-zone=learner] .hapio-lhp-tlr-src{cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:3px;border:1.5px solid var(--learner-color-border);background:var(--learner-color-surface);border-radius:var(--learner-radius-md);padding:11px 13px;transition:all .15s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-src:hover{border-color:var(--learner-color-brand-border)}[data-zone=learner] .hapio-lhp-tlr-src__name{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-tlr-src__name svg{flex:none;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-tlr-src__band{font-size:11.5px;font-weight:500;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlr-src.is-on{border-color:var(--learner-color-brand);background:var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-tlr-src.is-on .hapio-lhp-tlr-src__name{color:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-tlr-src.is-on .hapio-lhp-tlr-src__band,[data-zone=learner] .hapio-lhp-tlr-src.is-on .hapio-lhp-tlr-src__name svg{color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlr-chip__cn{font-size:11px;font-weight:800;color:var(--learner-color-text-subtle);font-variant-numeric:tabular-nums}[data-zone=learner] .hapio-lhp-tlr-chip.is-on .hapio-lhp-tlr-chip__cn{color:var(--learner-color-brand)}[data-zone=learner] [data-tour=tlr-wrong] .hapio-lhp-tlr-chip{padding:8px 13px;font-size:13.5px}[data-zone=learner] .hapio-lhp-tlr-empty{padding:26px 20px;text-align:center;font-size:14px;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlr-histlist{margin-top:2px;border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-lg);overflow:hidden}[data-zone=learner] .hapio-lhp-tlr-hrow{border-top:1px solid var(--learner-color-border-soft)}[data-zone=learner] .hapio-lhp-tlr-hrow:first-child{border-top:0}[data-zone=learner] .hapio-lhp-tlr-hrow__head{display:flex;align-items:center;gap:12px;padding:9px 14px;transition:background .14s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-hrow:hover>.hapio-lhp-tlr-hrow__head{background:var(--learner-color-surface-soft)}[data-zone=learner] .hapio-lhp-tlr-hrow.is-open>.hapio-lhp-tlr-hrow__head{background:var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-tlr-hbox{flex:none;width:40px;height:40px;border-radius:var(--learner-radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-variant-numeric:tabular-nums}[data-zone=learner] .hapio-lhp-tlr-hbox.is-done{background:var(--learner-color-success-soft);color:var(--learner-color-success-strong);font-size:13px;font-weight:700}[data-zone=learner] .hapio-lhp-tlr-hbox.is-done small{font-size:7.5px;font-weight:600;letter-spacing:.03em;margin-top:2px}[data-zone=learner] .hapio-lhp-tlr-hbox.is-prog{background:var(--learner-color-surface);color:var(--learner-color-brand);box-shadow:inset 0 0 0 1px var(--learner-color-border)}[data-zone=learner] .hapio-lhp-tlr-hrow__mid{flex:1;min-width:0}[data-zone=learner] .hapio-lhp-tlr-hrow__ttl{margin:0;font-size:13px;line-height:1.35;color:var(--learner-color-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-zone=learner] .hapio-lhp-tlr-hrow__meta{display:flex;align-items:center;gap:9px;margin-top:3px;flex-wrap:wrap;font-size:11.5px;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-tlr-hdate{display:inline-flex;align-items:center;gap:5px;font-size:inherit}[data-zone=learner] .hapio-lhp-tlr-hlan{font-size:inherit;color:var(--learner-color-text-muted);font-weight:500}[data-zone=learner] .hapio-lhp-tlr-hhint{font-size:inherit;color:var(--learner-color-brand);font-weight:600}[data-zone=learner] .hapio-lhp-tlr-scpill{--sk:var(--learner-color-brand);display:inline-flex;align-items:center;padding:1px 9px;border-radius:var(--learner-radius-pill);font-size:inherit;line-height:1.6;white-space:nowrap;color:var(--sk);background:color-mix(in oklab,var(--sk) 12%,transparent);border:1px solid color-mix(in oklab,var(--sk) 26%,transparent)}[data-zone=learner] .hapio-lhp-tlr-scpill.is-listen{--sk:var(--learner-color-learning)}[data-zone=learner] .hapio-lhp-tlr-scpill.is-read{--sk:var(--learner-color-success)}[data-zone=learner] .hapio-lhp-tlr-scpill.is-part{--sk:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlr-scpill.is-all{--sk:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlr-hrow__act{flex:none;display:flex;align-items:center;gap:8px}[data-zone=learner] .hapio-lhp-tlr-hdetail{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;cursor:pointer;border-radius:var(--learner-radius-md);border:1px solid var(--learner-color-border);background:var(--learner-color-surface);color:var(--learner-color-text-subtle);transition:color .14s var(--learner-ease-out),border-color .14s var(--learner-ease-out),background .14s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-hdetail:hover{border-color:var(--learner-color-border-strong);color:var(--learner-color-text)}[data-zone=learner] .hapio-lhp-tlr-hdetail.is-open{color:var(--learner-color-brand);border-color:var(--learner-color-brand-border);background:var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-tlr-hdetail svg{transition:transform .22s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-hdetail.is-open svg{transform:rotate(180deg)}[data-zone=learner] .hapio-lhp-tlr-hgo{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;text-decoration:none;padding:6px 12px;border-radius:var(--learner-radius-md);font-size:12px;font-weight:600;transition:background .14s var(--learner-ease-out),color .14s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-hgo.is-review{color:var(--learner-color-success-strong);background:var(--learner-color-success-soft)}[data-zone=learner] .hapio-lhp-tlr-hrow:hover .hapio-lhp-tlr-hgo.is-review{background:var(--learner-color-success);color:var(--learner-color-text-inverse)}[data-zone=learner] .hapio-lhp-tlr-hgo.is-cont{color:var(--learner-color-brand);background:var(--learner-color-surface);box-shadow:inset 0 0 0 1px var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlr-hrow:hover .hapio-lhp-tlr-hgo.is-cont{background:var(--learner-color-brand);color:var(--learner-color-text-inverse)}[data-zone=learner] .hapio-lhp-tlr-hrow__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr-hrow.is-open .hapio-lhp-tlr-hrow__panel{grid-template-rows:1fr}[data-zone=learner] .hapio-lhp-tlr-hrow__panelin{overflow:hidden}[data-zone=learner] .hapio-lhp-tlr-hrow__panelpad{padding:4px 14px 16px 74px}[data-zone=learner] .hapio-lhp-tlr-sctable{width:100%;border-collapse:collapse;margin-bottom:12px}[data-zone=learner] .hapio-lhp-tlr-sctable th{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--learner-color-text-subtle);font-weight:700;text-align:right;padding:0 12px 8px}[data-zone=learner] .hapio-lhp-tlr-sctable th:first-child{text-align:left}[data-zone=learner] .hapio-lhp-tlr-sctable td{padding:8px 12px;font-size:13px;text-align:right;font-variant-numeric:tabular-nums;border-top:1px solid var(--learner-color-border-soft);color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-tlr-sctable td:first-child{text-align:left}[data-zone=learner] .hapio-lhp-tlr-sctable td.pt{font-weight:600;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-tlr-sctable td.ok{color:var(--learner-color-success);font-weight:700}[data-zone=learner] .hapio-lhp-tlr-sctable td.bad{color:var(--learner-color-danger);font-weight:700}[data-zone=learner] .hapio-lhp-tlr-sctable tr.grp td{border-top:0;padding:12px 12px 5px}[data-zone=learner] .hapio-lhp-tlr-sctable tr.grp:first-child td{padding-top:2px}[data-zone=learner] .hapio-lhp-tlr-sctable tr.grp+tr td{border-top:0}[data-zone=learner] .hapio-lhp-tlr-sctable .glab{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlr-sctable .gsc{font-size:11.5px;font-weight:700;color:var(--learner-color-success-strong);background:var(--learner-color-success-soft);border-radius:var(--learner-radius-md);padding:2px 9px;letter-spacing:0;text-transform:none}[data-zone=learner] .hapio-lhp-tlr-sctable .gsc small{font-weight:500;font-size:9.5px;margin-left:1px}[data-zone=learner] .hapio-lhp-tlr-scfoot{display:flex;align-items:center;justify-content:space-between;gap:12px}[data-zone=learner] .hapio-lhp-tlr-scfoot .note{font-size:12px;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-tlr-scstate{padding:14px 12px;font-size:13px;color:var(--learner-color-text-muted);text-align:center}[data-zone=learner] .hapio-lhp-tlr-scbtn{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;white-space:nowrap;padding:7px 13px;border-radius:var(--learner-radius-md);text-decoration:none;color:var(--learner-color-brand);background:var(--learner-color-brand-soft);border:1px solid var(--learner-color-brand-border)}[data-zone=learner] .hapio-lhp-tlr-scbtn:hover{background:var(--learner-color-brand-border)}[data-zone=learner] .hapio-lhp-tlr-muted{color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-tlr-filters{display:flex;gap:10px;flex-wrap:wrap}[data-zone=learner] .hapio-lhp-tlr .hc-exam-test-card{border-radius:var(--learner-radius-lg);padding:18px;transition:transform .18s var(--learner-ease-out),box-shadow .18s var(--learner-ease-out),border-color .18s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-tlr .hc-exam-test-card:hover{transform:translateY(-3px);box-shadow:var(--learner-shadow-md);border-color:var(--learner-color-brand-border)}[data-zone=learner] .hapio-lhp-tlr .hc-exam-test-card__title{font-size:16px;font-weight:700}[data-zone=learner] .hapio-lhp-tlr .hc-badge--pte{background:var(--learner-tone-rose-soft);color:var(--learner-tone-rose-text)}[data-zone=learner] .hapio-lhp-tlr .hc-badge--toeic-speaking{background:var(--learner-tone-sky-soft);color:var(--learner-tone-sky-text)}[data-zone=learner] .hapio-lhp-tlr .hc-btn--start{background:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlr .hc-btn--continue{background:var(--learner-color-warning)}[data-zone=learner] .hapio-lhp-tlr .hc-btn--review{background:var(--learner-color-success)}[data-zone=learner] .hapio-lhp-tlr .hc-exam-test-card__footer .hc-btn{padding:6px 13px;font-size:12.5px}[data-zone=learner] .hapio-lhp-tlr-sectionhead h2{font-size:17px!important;line-height:1.3!important;letter-spacing:-.01em}[data-zone=learner] .hapio-lhp-tlr-sectionhead p{font-size:12.5px!important;line-height:1.5!important}[data-zone=learner] .hapio-lhp-tlr-hrow__ttl{font-size:14px!important;line-height:1.35!important;font-weight:600;letter-spacing:-.005em}[data-zone=learner] .hapio-lhp-tlr-hrow__meta{gap:8px;margin-top:4px}[data-zone=learner] .hapio-lhp-tlr-hdate,[data-zone=learner] .hapio-lhp-tlr-hhint,[data-zone=learner] .hapio-lhp-tlr-hlan,[data-zone=learner] .hapio-lhp-tlr-hrow__meta{font-size:12px!important;line-height:1.4!important}[data-zone=learner] .hapio-lhp-tlr-hhint{font-weight:500}[data-zone=learner] .hapio-lhp-tlr-scpill{font-size:11px!important;line-height:1.6!important;padding:0 8px;font-weight:600}[data-zone=learner] .hapio-lhp-tlr-hgo{font-size:12px!important;line-height:1.3!important}[data-zone=learner] .hapio-lhp-tlr-hbox.is-done{font-size:13px!important}[data-zone=learner] .hapio-lhp-tlr-hbox.is-done small{font-size:7.5px!important;line-height:1!important}@container tlr (max-width: 720px){[data-zone=learner] .hapio-lhp-tlr-hrow__head{gap:9px;padding:7px 10px;align-items:center}[data-zone=learner] .hapio-lhp-tlr-hbox{width:32px;height:32px;border-radius:8px}[data-zone=learner] .hapio-lhp-tlr-hrow__ttl{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px!important;line-height:1.3!important;font-weight:500}[data-zone=learner] .hapio-lhp-tlr-hbox.is-done{font-size:11.5px!important}[data-zone=learner] .hapio-lhp-tlr-hbox.is-done small{font-size:6px!important;margin-top:0}[data-zone=learner] .hapio-lhp-tlr-hbox.is-prog svg{width:15px;height:15px}[data-zone=learner] .hapio-lhp-tlr-hrow__meta{gap:6px;margin-top:2px;font-size:11px!important}[data-zone=learner] .hapio-lhp-tlr-hdate,[data-zone=learner] .hapio-lhp-tlr-hlan,[data-zone=learner] .hapio-lhp-tlr-scpill{font-size:11px!important}[data-zone=learner] .hapio-lhp-tlr-scpill{padding:0 7px;line-height:1.5}[data-zone=learner] .hapio-lhp-tlr-hhint,[data-zone=learner] .hapio-lhp-tlr-hlan{display:none}[data-zone=learner] .hapio-lhp-tlr-hrow__act{padding-top:0;gap:6px}[data-zone=learner] .hapio-lhp-tlr-hdetail{width:26px;height:26px}[data-zone=learner] .hapio-lhp-tlr-hgo{padding:5px 9px;gap:4px;font-size:11px}[data-zone=learner] .hapio-lhp-tlr-hrow__panelpad{padding-left:12px}[data-zone=learner] .hapio-lhp-tlr-whead__num .n{font-size:20px}}@container tlr (max-width: 540px){[data-zone=learner] .hapio-lhp-tlr-form{padding:16px}[data-zone=learner] .hapio-lhp-tlr-levels{gap:7px}[data-zone=learner] .hapio-lhp-tlr-level{padding:9px}[data-zone=learner] .hapio-lhp-tlr-level__num{font-size:14px}[data-zone=learner] .hapio-lhp-tlr-level__sub{font-size:10px}[data-zone=learner] .hapio-lhp-tlr-filters{flex-wrap:nowrap;width:100%}[data-zone=learner] .hapio-lhp-tlr-filters .hapio-lhp-tlr-select{flex:1 1 0;min-width:0}[data-zone=learner] .hapio-lhp-tlr-filters .hapio-lhp-tlr-select select{min-width:0;width:100%}[data-zone=learner] .hapio-lhp-tlr-partgroups{flex-direction:column;gap:11px}[data-zone=learner] .hapio-lhp-tlr-chiprow{gap:6px;flex-wrap:nowrap}[data-zone=learner] .hapio-lhp-tlr-chip{flex:1 1 0;min-width:0;justify-content:center;padding:10px 6px;font-size:14px}[data-zone=learner] [data-tour=tlr-wrong] .hapio-lhp-tlr-chiprow{flex-wrap:wrap}[data-zone=learner] [data-tour=tlr-wrong] .hapio-lhp-tlr-chip{flex:0 1 auto;padding:8px 12px}[data-zone=learner] [data-tour=tlr-levels].hapio-lhp-tlr-chiprow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}[data-zone=learner] [data-tour=tlr-levels] .hapio-lhp-tlr-pgrp{display:contents}[data-zone=learner] [data-tour=tlr-levels] .hapio-lhp-tlr-chip{padding:9px 4px;font-size:13.5px;justify-content:center}[data-zone=learner] [data-tour=tlr-levels] .hapio-lhp-tlr-pchip__ico{display:none}[data-zone=learner] .hapio-lhp-tlr-srcrow{grid-template-columns:1fr}[data-zone=learner] .hapio-lhp-tlr-toprow{grid-template-columns:1fr;gap:14px}[data-zone=learner] .hapio-lhp-tlr-qgrid{grid-template-columns:repeat(2,1fr);gap:8px}[data-zone=learner] .hapio-lhp-tlr-qcard2{padding:11px 11px 10px;gap:7px}[data-zone=learner] .hapio-lhp-tlr-qcard2__en{font-size:13px}[data-zone=learner] .hapio-lhp-tlr-qcard2__count{font-size:10.5px}[data-zone=learner] .hapio-lhp-tlr-qcard2__count svg{width:12px;height:12px}[data-zone=learner] .hapio-lhp-tlr-qcard2__pct{font-size:9.5px}[data-zone=learner] .hapio-lhp-tlr-qcard2__go,[data-zone=learner] .hapio-lhp-tlr-qcard2__theory{font-size:11px;padding:7px 6px}[data-zone=learner] .hapio-lhp-tlr-qcard2__actions{flex-direction:column}[data-zone=learner] .hapio-lhp-tlr-lvrow{gap:6px}[data-zone=learner] .hapio-lhp-tlr-lv{padding:9px 4px}[data-zone=learner] .hapio-lhp-tlr-lv__name{font-size:12.5px;letter-spacing:-.01em}[data-zone=learner] .hapio-lhp-tlr-lv__band{font-size:10.5px}[data-zone=learner] .hapio-lhp-tlr-genfoot{flex-direction:column;align-items:stretch}[data-zone=learner] .hapio-lhp-tlr-genfoot__sum{justify-content:center}[data-zone=learner] .hapio-lhp-tlr-ctasm{width:100%;justify-content:center}}@media (max-width:640px){[data-zone=learner] .hapio-lhp-tlr{padding-bottom:76px}[data-zone=learner] .hapio-lhp-tlr-tabs{display:none}}@media (max-width:560px){[data-zone=learner] .hapio-lhp-tlr .hc-exam-grid{grid-template-columns:1fr 1fr;gap:10px;align-items:start}[data-zone=learner] .hapio-lhp-tlr .hc-exam-test-card{padding:11px 11px 10px;gap:6px;border-radius:12px}[data-zone=learner] .hapio-lhp-tlr .hc-exam-test-card [aria-label="Lịch sử làm bài"],[data-zone=learner] .hapio-lhp-tlr .hc-exam-test-card__badges{display:none}[data-zone=learner] .hapio-lhp-tlr .hc-exam-test-card__title{font-size:12.5px!important;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-zone=learner] .hapio-lhp-tlr .hc-exam-test-card__stats{gap:4px 9px}[data-zone=learner] .hapio-lhp-tlr .hc-exam-test-card__stat,[data-zone=learner] .hapio-lhp-tlr .hc-exam-test-card__stats{font-size:10.5px!important}[data-zone=learner] .hapio-lhp-tlr .hc-exam-test-card__stat svg{width:11px;height:11px}[data-zone=learner] .hapio-lhp-tlr .hc-exam-test-card__footer{padding-top:0;border-top:0}[data-zone=learner] .hapio-lhp-tlr .hc-exam-test-card__footer .hc-btn{display:none}[data-zone=learner] .hapio-lhp-tlr .hc-status{font-size:10.5px!important}}.hapio-lhp-tlrpl{--pl-accent:var(--learner-color-brand);position:relative;display:flex;align-items:center;gap:16px;margin:0 0 14px;padding:16px 18px;border-radius:16px;border:1px solid var(--learner-color-border);background:var(--learner-color-surface);overflow:hidden}.hapio-lhp-tlrpl:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--pl-accent)}.hapio-lhp-tlrpl.is-todo{border-color:color-mix(in srgb,var(--pl-accent) 30%,var(--learner-color-border));background:linear-gradient(100deg,color-mix(in srgb,var(--pl-accent) 8%,var(--learner-color-surface)),var(--learner-color-surface) 60%)}.hapio-lhp-tlrpl.is-doing{--pl-accent:var(--learner-color-warning)}.hapio-lhp-tlrpl__ico,.hapio-lhp-tlrpl__score{flex:none;display:grid;place-items:center;border-radius:12px;color:var(--pl-accent);background:color-mix(in srgb,var(--pl-accent) 10%,var(--learner-color-surface))}.hapio-lhp-tlrpl__ico{width:48px;height:48px}.hapio-lhp-tlrpl__score{width:76px;height:64px;text-align:center;line-height:1}.hapio-lhp-tlrpl__score b{display:block;font-size:24px;font-weight:800}.hapio-lhp-tlrpl__score small{font-size:11px;font-weight:600;color:var(--learner-color-text-muted)}.hapio-lhp-tlrpl__body{flex:1;min-width:0}.hapio-lhp-tlrpl__title{margin:0;font-size:16.5px;font-weight:700;color:var(--learner-color-text)}.hapio-lhp-tlrpl__sub{margin:4px 0 0;font-size:13.5px;color:var(--learner-color-text-muted)}.hapio-lhp-tlrpl__skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hapio-lhp-tlrpl__skills span{font-size:12.5px;color:var(--learner-color-text-muted);border:1px solid var(--learner-color-border);border-radius:8px;padding:3px 9px}.hapio-lhp-tlrpl__skills b{margin-left:4px;color:var(--learner-color-text)}.hapio-lhp-tlrpl__cta{flex:none;display:inline-flex;align-items:center;gap:6px;margin-right:22px;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:700;color:var(--learner-color-surface);background:var(--pl-accent);text-decoration:none}.hapio-lhp-tlrpl__close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:999px;background:transparent;color:var(--learner-color-text-muted);cursor:pointer}.hapio-lhp-tlrpl__close:hover{color:var(--learner-color-text)}@media (max-width:640px){.hapio-lhp-tlrpl{flex-wrap:wrap}.hapio-lhp-tlrpl__cta{width:100%;justify-content:center;margin:4px 0 0}}.hapio-lhp-tlrpl.is-done{--pl-accent:var(--learner-color-brand);gap:10px;padding:8px 40px 8px 10px;border-color:var(--learner-color-border)}.hapio-lhp-tlrpl.is-done:before{display:none}.hapio-lhp-tlrpl__open{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:4px 8px 4px 4px}.hapio-lhp-tlrpl__ring{--pl-pct:0;position:relative;flex:none;display:grid;place-items:center;width:46px;height:46px}.hapio-lhp-tlrpl__ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.hapio-lhp-tlrpl__ring circle{fill:none;stroke-width:6}.hapio-lhp-tlrpl__ring-track{stroke:var(--learner-color-border-soft)}.hapio-lhp-tlrpl__ring-fill{stroke:var(--pl-accent);stroke-linecap:round;stroke-dasharray:var(--pl-pct) 100;animation:hapio-lhp-tlrpl-ring .9s ease-out}.hapio-lhp-tlrpl__ring b{position:relative;font-weight:800}.hapio-lhp-tlrpl__ring b,.hapio-lhp-tlrpl__rowtitle{font-size:15px;color:var(--learner-color-text-strong)}.hapio-lhp-tlrpl__rowtitle{font-weight:700;white-space:nowrap}.hapio-lhp-tlrpl.is-done .hapio-lhp-tlrpl__cta{margin-right:0;padding:9px 14px;color:var(--learner-color-on-accent);background:var(--pl-accent);border:0}.hapio-lhp-tlrpl.is-done .hapio-lhp-tlrpl__close{top:50%;transform:translateY(-50%)}@keyframes hapio-lhp-tlrpl-ring{0%{stroke-dasharray:0 100}}@media (max-width:640px){.hapio-lhp-tlrpl.is-done{flex-wrap:nowrap;padding-right:36px}.hapio-lhp-tlrpl__open{gap:9px;padding-right:4px}.hapio-lhp-tlrpl__rowtitle-x{display:none}.hapio-lhp-tlrpl.is-done .hapio-lhp-tlrpl__cta{width:auto;margin:0;padding:9px;font-size:0;gap:0}.hapio-lhp-tlrpl.is-done .hapio-lhp-tlrpl__rowtitle{display:none}.hapio-lhp-tlrpl.is-done .hapio-lhp-tlrpl__open{flex:0 0 auto}.hapio-lhp-tlrpl.is-done .hapio-lhp-tlrpl__cta{flex:1;justify-content:center;padding:10px 14px;font-size:14px;gap:6px;background:var(--learner-color-brand-soft);color:var(--learner-color-brand-strong);border:1px solid var(--learner-color-brand-border);border-radius:12px;box-shadow:none}.hapio-lhp-tlrpl__cta-lab{display:none}.hapio-lhp-tlrpl__cta-lab-m{display:inline}}@media (min-width:641px){.hapio-lhp-tlrpl__cta-lab-m{display:none}}[data-zone=learner] .hapio-lhp-tlrsp{max-width:920px;margin:0 auto;padding:20px 24px 40px;display:grid;gap:16px;color:var(--learner-color-text)}[data-zone=learner] .hapio-lhp-tlrsp__state{padding:48px 0;text-align:center;font-size:14px;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlrsp__state.is-error{color:var(--learner-color-danger)}[data-zone=learner] .hapio-lhp-tlrsp__back{justify-self:start;display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--learner-color-text-muted);text-decoration:none}[data-zone=learner] .hapio-lhp-tlrsp__back:hover{color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlrsp__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}[data-zone=learner] .hapio-lhp-tlrsp__head h1{margin:2px 0 0;font-size:24px;font-weight:800;letter-spacing:-.01em;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-tlrsp__head p{margin:4px 0 0;font-size:13px;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlrsp__brand{display:inline-flex;align-items:center;text-decoration:none}[data-zone=learner] .hapio-lhp-tlrsp__brand>span[role=img]{--orbit-size:28px}[data-zone=learner] .hapio-lhp-tlrsp__right{display:flex;align-items:center;justify-content:space-between;flex:1;gap:12px;flex-wrap:wrap}[data-zone=learner] .hapio-lhp-tlrsp__brand+.hapio-lhp-tlrsp__right{justify-content:flex-end}[data-zone=learner] .hapio-lhp-tlrsp__lang{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--learner-color-border);border-radius:10px;background:var(--learner-color-surface)}[data-zone=learner] .hapio-lhp-tlrsp__lang button{min-height:32px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--learner-color-text-muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer}[data-zone=learner] .hapio-lhp-tlrsp__lang button.is-on{background:var(--learner-color-brand-soft);color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlrsp__actions{gap:8px}[data-zone=learner] .hapio-lhp-tlrsp__btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid var(--learner-color-border);border-radius:10px;background:var(--learner-color-surface);color:var(--learner-color-text-body);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}[data-zone=learner] .hapio-lhp-tlrsp__btn:hover{border-color:var(--learner-color-brand-border);color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlrsp__btn.is-primary{border-color:transparent;background:var(--learner-color-brand);color:var(--learner-color-on-accent)}[data-zone=learner] .hapio-lhp-tlrsp__btn.is-primary:hover{filter:brightness(1.06);color:var(--learner-color-on-accent)}[data-zone=learner] .hapio-lhp-tlrsp__scores{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}[data-zone=learner] .hapio-lhp-tlrsp__tile{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border:1px solid var(--learner-color-border);border-radius:16px;background:var(--learner-color-surface)}[data-zone=learner] .hapio-lhp-tlrsp__tile.is-total{border-color:var(--learner-color-brand-border);background:var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-tlrsp__tile .lab{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-tlrsp__tile b{font-size:34px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-tlrsp__tile.is-total b{color:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-tlrsp__tile small{margin-left:3px;font-size:14px;font-weight:600;letter-spacing:0;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlrsp__tile em{font-style:normal;font-size:12.5px;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlrsp__track{height:7px;border-radius:999px}[data-zone=learner] .hapio-lhp-tlrsp__track i{background:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlrsp__card{padding:18px 20px;border:1px solid var(--learner-color-border);border-radius:16px;background:var(--learner-color-surface)}[data-zone=learner] .hapio-lhp-tlrsp__card h2{margin:0 0 8px;font-size:16px;font-weight:800;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-tlrsp__note{margin:-4px 0 12px;font-size:12.5px;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlrsp__tablewrap{overflow-x:auto}[data-zone=learner] .hapio-lhp-tlrsp__table{width:100%;border-collapse:collapse;font-size:13.5px}[data-zone=learner] .hapio-lhp-tlrsp__table th{padding:9px 8px;border-bottom:1px solid var(--learner-color-border);font-size:12px;font-weight:700;text-align:center;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlrsp__table td{padding:9px 8px;border-bottom:1px solid var(--learner-color-border-soft);text-align:center;color:var(--learner-color-text-body);font-variant-numeric:tabular-nums}[data-zone=learner] .hapio-lhp-tlrsp__table td:first-child,[data-zone=learner] .hapio-lhp-tlrsp__table th:first-child{text-align:left}[data-zone=learner] .hapio-lhp-tlrsp__table tr.grp td{padding:14px 8px 4px;border-bottom:0;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlrsp__table td.pt{font-weight:700;white-space:nowrap;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-tlrsp__table td.pt small{display:block;font-size:11.5px;font-weight:500;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlrsp__table td.ok{font-weight:700;color:var(--learner-color-success)}[data-zone=learner] .hapio-lhp-tlrsp__table td.bad{font-weight:700;color:var(--learner-color-danger)}[data-zone=learner] .hapio-lhp-tlrsp__table td.pct{min-width:150px}[data-zone=learner] .hapio-lhp-tlrsp__table td.pct .hapio-lhp-tlrsp__track{display:inline-block;vertical-align:middle;width:calc(100% - 48px)}[data-zone=learner] .hapio-lhp-tlrsp__table td.pct b{display:inline-block;width:42px;text-align:right;font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-tlrsp__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}[data-zone=learner] .hapio-lhp-tlrsp__grid span{display:flex;flex-direction:column;align-items:center;justify-content:center;height:44px;border-radius:8px;font-size:13px;font-weight:800;line-height:1.1}[data-zone=learner] .hapio-lhp-tlrsp__grid span small{font-size:9.5px;font-weight:600;opacity:.7}[data-zone=learner] .hapio-lhp-tlrsp__grid .is-ok{background:var(--learner-color-success-soft);color:var(--learner-color-success-strong)}[data-zone=learner] .hapio-lhp-tlrsp__grid .is-bad{background:var(--learner-color-danger-soft);color:var(--learner-color-danger)}[data-zone=learner] .hapio-lhp-tlrsp__foot{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}@media (max-width:640px){[data-zone=learner] .hapio-lhp-tlrsp{padding:14px 14px 32px;gap:12px}[data-zone=learner] .hapio-lhp-tlrsp__head h1{font-size:20px}[data-zone=learner] .hapio-lhp-tlrsp__actions{width:100%}[data-zone=learner] .hapio-lhp-tlrsp__scores{grid-template-columns:1fr 1fr;gap:10px}[data-zone=learner] .hapio-lhp-tlrsp__tile.is-total{grid-column:1/-1}[data-zone=learner] .hapio-lhp-tlrsp__tile b{font-size:28px}[data-zone=learner] .hapio-lhp-tlrsp__card{padding:14px 12px}[data-zone=learner] .hapio-lhp-tlrsp__table td.pct{min-width:0}[data-zone=learner] .hapio-lhp-tlrsp__table td.pct .hapio-lhp-tlrsp__track,[data-zone=learner] .hapio-lhp-tlrsp__table td.pt small{display:none}[data-zone=learner] .hapio-lhp-tlrsp__table td,[data-zone=learner] .hapio-lhp-tlrsp__table th{padding-left:4px;padding-right:4px}[data-zone=learner] .hapio-lhp-tlrsp__foot>*{flex:1;justify-content:center}}[data-zone=learner] .hapio-lhp-tlrsp{max-width:1280px;padding:22px 32px;gap:0;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:14px;line-height:1.6;color:var(--learner-color-text-strong);-webkit-font-smoothing:antialiased}[data-zone=learner] .hapio-lhp-tlrsp p{margin:0}[data-zone=learner] .hapio-lhp-tlrsp__topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--learner-color-border)}[data-zone=learner] .hapio-lhp-tlrsp__back{gap:10px;font-size:13px;font-weight:500}[data-zone=learner] .hapio-lhp-tlrsp__actions{display:flex;align-items:center;gap:10px}[data-zone=learner] .hapio-lhp-tlrsp__who .hapio-lhp-tlrsp__actions{margin-top:14px}[data-zone=learner] .hapio-lhp-tlrsp__who .hapio-lhp-tlrsp__btn{min-height:34px;padding:7px 13px;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}[data-zone=learner] .hapio-lhp-tlrsp__who .hapio-lhp-tlrsp__btn svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}[data-zone=learner] .hapio-lhp-tlrsp__who .hapio-lhp-tlrsp__btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--learner-color-brand-border);background:color-mix(in srgb,var(--learner-color-brand) 7%,var(--learner-color-surface));color:var(--learner-color-brand);box-shadow:0 8px 18px -10px color-mix(in srgb,var(--learner-color-brand) 55%,transparent)}[data-zone=learner] .hapio-lhp-tlrsp__who .hapio-lhp-tlrsp__btn.is-share:hover:not(:disabled) svg{transform:rotate(-14deg) scale(1.1)}[data-zone=learner] .hapio-lhp-tlrsp__who .hapio-lhp-tlrsp__btn.is-pdf:hover:not(:disabled) svg{transform:translateY(2px)}[data-zone=learner] .hapio-lhp-tlrsp__who .hapio-lhp-tlrsp__btn:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:none}[data-zone=learner] .hapio-lhp-tlrsp__who .hapio-lhp-tlrsp__btn:focus-visible{outline:2px solid var(--learner-color-brand-border);outline-offset:2px}[data-zone=learner] .hapio-lhp-tlrsp__btn .lbl{font-size:inherit;font-weight:inherit}[data-zone=learner] .hapio-lhp-tlrsp__btn{min-height:40px;padding:9px 15px;gap:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}[data-zone=learner] .hapio-lhp-tlrsp__btn:disabled{opacity:.7;cursor:progress}[data-zone=learner] .hapio-lhp-tlrsp__btn .is-spin{animation:hapio-lhp-tlrsp-spin 1s linear infinite}@keyframes hapio-lhp-tlrsp-spin{to{transform:rotate(1turn)}}[data-zone=learner] .hapio-lhp-tlrsp__heading{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 0 20px;text-align:center}[data-zone=learner] .hapio-lhp-tlrsp__pill{padding:5px 14px;border:1px solid var(--learner-color-brand-border);border-radius:999px;background:var(--learner-color-brand-soft);color:var(--learner-color-brand);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}[data-zone=learner] .hapio-lhp-tlrsp__review{display:inline-flex;align-items:center;gap:8px;margin-top:6px;min-height:34px;padding:7px 16px;border-radius:999px;background:var(--learner-color-warning);color:var(--learner-color-on-accent);font-size:13px;font-weight:700;text-decoration:none;filter:brightness(1.06)}[data-zone=learner] .hapio-lhp-tlrsp__review:hover{filter:brightness(1.12);color:var(--learner-color-on-accent)}[data-zone=learner] .hapio-lhp-tlrsp__title{font-size:30px;line-height:1.15;font-weight:750;letter-spacing:-1.4px;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-tlrsp__subtitle{display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:500;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlrsp__subtitle:after,[data-zone=learner] .hapio-lhp-tlrsp__subtitle:before{content:"";width:36px;height:1px;background:var(--learner-color-border-strong)}[data-zone=learner] .hapio-lhp-tlrsp__overview{display:grid;grid-template-columns:minmax(0,1fr) 260px;margin-bottom:18px;border:1px solid var(--learner-color-border);border-radius:20px;background:var(--learner-color-surface)}[data-zone=learner] .lhphuc-voca-dashboard-content:has(>.hapio-lhp-tlrsp),[data-zone=learner].hapio-lhp-tlrspp{background-color:var(--learner-color-surface);background-image:radial-gradient(closest-side,color-mix(in srgb,var(--learner-color-brand) 13%,transparent),transparent),radial-gradient(closest-side,color-mix(in srgb,var(--learner-band-pink) 11%,transparent),transparent);background-size:70vmax 70vmax,64vmax 64vmax;background-repeat:no-repeat;background-attachment:fixed;animation:hapio-lhp-tlrsp-blobs 32s ease-in-out infinite alternate}@keyframes hapio-lhp-tlrsp-blobs{0%{background-position:-10% -15%,110% 30%}50%{background-position:35% 20%,70% 95%}to{background-position:85% -10%,0 75%}}[data-zone=learner] .hapio-lhp-tlrsp__student{display:flex;align-items:stretch;gap:18px;min-width:0;padding:20px 24px}@property --hapio-av-a{syntax:"<angle>";inherits:false;initial-value:0deg}[data-zone=learner] .hapio-lhp-tlrsp__avwrap{--hapio-av-a:0deg;flex:none;align-self:stretch;display:block;padding:2px;border-radius:15px;background:conic-gradient(from var(--hapio-av-a),transparent 0deg,color-mix(in srgb,var(--learner-color-brand) 55%,transparent) 48deg,transparent 96deg 180deg,color-mix(in srgb,var(--learner-band-pink) 55%,transparent) 228deg,transparent 276deg);animation:hapio-lhp-tlrsp-avspin 12s linear infinite}@keyframes hapio-lhp-tlrsp-avspin{to{--hapio-av-a:360deg}}[data-zone=learner] .hapio-lhp-tlrsp__avwrap{position:relative;aspect-ratio:4/5;min-height:124px;max-height:176px;box-sizing:border-box}[data-zone=learner] .hapio-lhp-tlrsp__avwrap .hapio-lhp-tlrsp__avatar{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px)}[data-zone=learner] .hapio-lhp-tlrsp__avatar{flex:none;align-self:center;width:120px;height:auto;aspect-ratio:4/5;-o-object-fit:cover;object-fit:cover;border-radius:13px;border:1px solid var(--learner-color-border-soft)}[data-zone=learner] .hapio-lhp-tlrsp__who{flex:1;min-width:0}[data-zone=learner] .hapio-lhp-tlrsp .lab{margin-bottom:3px!important;font-size:11px;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlrsp__who .name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}[data-zone=learner] .hapio-lhp-tlrsp__who .name.is-long{font-size:19px!important}[data-zone=learner] .hapio-lhp-tlrsp__who .name.is-xlong{font-size:17px!important}[data-zone=learner] .hapio-lhp-tlrsp__who .name{margin-bottom:10px!important;font-size:22px;line-height:1.3;font-weight:650;letter-spacing:-.8px}[data-zone=learner] .hapio-lhp-tlrsp__meta{display:flex;align-items:flex-start;gap:26px}[data-zone=learner] .hapio-lhp-tlrsp__meta>div+div{padding-left:26px;border-left:1px solid var(--learner-color-border)}[data-zone=learner] .hapio-lhp-tlrsp__meta .val{font-size:13px;font-weight:550;white-space:nowrap;font-variant-numeric:tabular-nums}[data-zone=learner] .hapio-lhp-tlrsp__meta .val span{margin-left:5px;font-size:inherit;font-weight:500;line-height:inherit;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlrsp__total{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:18px 0;padding:0 24px;border-left:1px solid var(--learner-color-border)}[data-zone=learner] .hapio-lhp-tlrsp__ring{--ring-pct:0;position:relative;display:grid;place-items:center;width:132px;height:132px}[data-zone=learner] .hapio-lhp-tlrsp__ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}[data-zone=learner] .hapio-lhp-tlrsp__ring circle{fill:none;stroke-width:7.65}[data-zone=learner] .hapio-lhp-tlrsp__ring .trk{stroke:var(--learner-color-border-soft)}[data-zone=learner] .hapio-lhp-tlrsp__ring .fill{stroke:var(--learner-color-brand);stroke-linecap:round;stroke-dasharray:var(--ring-pct) 100}[data-zone=learner] .hapio-lhp-tlrsp__ring b{position:relative;font-size:37px;line-height:1;font-weight:650;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-tlrsp__total .top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlrsp__total .top svg{color:var(--learner-color-warning)}[data-zone=learner] .hapio-lhp-tlrsp__total .val{margin:2px 0 10px!important;font-size:44px;line-height:1.1;font-weight:600;letter-spacing:-2.5px;font-variant-numeric:tabular-nums}[data-zone=learner] .hapio-lhp-tlrsp__score small,[data-zone=learner] .hapio-lhp-tlrsp__total .val small{margin-left:8px;font-size:18px;font-weight:400;letter-spacing:-.2px;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-tlrsp__track{position:relative;display:block;height:5px;border-radius:10px;background:var(--learner-color-border-soft);overflow:hidden}[data-zone=learner] .hapio-lhp-tlrsp__track.is-thin{height:4px}[data-zone=learner] .hapio-lhp-tlrsp__track i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-tlrsp__ends{display:flex;justify-content:space-between;margin-top:5px;font-size:10px;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-tlrsp__panel.is-lis{--skill:var(--learner-color-brand);--skill-soft:var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-tlrsp__panel.is-rea{--skill:var(--learner-color-success);--skill-soft:var(--learner-color-success-soft)}[data-zone=learner] .hapio-lhp-tlrsp__panel .hapio-lhp-tlrsp__track.is-score{height:7px}[data-zone=learner] .hapio-lhp-tlrsp__panel .hapio-lhp-tlrsp__track.is-score i{background:var(--skill)}[data-zone=learner] .hapio-lhp-tlrsp__panel .hapio-lhp-tlrsp__track.is-score i:before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--learner-color-surface) 32%,transparent) 0 5px,transparent 5px 10px);background-size:14.14px 14.14px;animation:hapio-lhp-tlrsp-stripes .9s linear infinite}@keyframes hapio-lhp-tlrsp-stripes{to{background-position:14.14px 0}}[data-zone=learner] .hapio-lhp-tlrsp__panel .hapio-lhp-tlrsp__subject .tile{border-color:transparent;background:var(--skill-soft);color:var(--skill)}[data-zone=learner] .hapio-lhp-tlrsp__total .hapio-lhp-tlrsp__track i{background:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlrsp__track i{overflow:hidden;transform-origin:left center;animation:hapio-lhp-tlrsp-grow 1.1s cubic-bezier(.22,.9,.3,1) both}[data-zone=learner] .hapio-lhp-tlrsp__track i:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--learner-color-surface),transparent 75%);opacity:.55}[data-zone=learner] .hapio-lhp-tlrsp__abil li:nth-child(2) .hapio-lhp-tlrsp__track i{animation-delay:.08s}[data-zone=learner] .hapio-lhp-tlrsp__abil li:nth-child(3) .hapio-lhp-tlrsp__track i{animation-delay:.16s}[data-zone=learner] .hapio-lhp-tlrsp__abil li:nth-child(4) .hapio-lhp-tlrsp__track i{animation-delay:.24s}[data-zone=learner] .hapio-lhp-tlrsp__abil li:nth-child(5) .hapio-lhp-tlrsp__track i{animation-delay:.32s}[data-zone=learner] .hapio-lhp-tlrsp__abil .meter b{animation:hapio-lhp-tlrsp-fade .6s ease-out .5s both}@keyframes hapio-lhp-tlrsp-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hapio-lhp-tlrsp-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){[data-zone=learner] .hapio-lhp-tlrsp__abil .meter b,[data-zone=learner] .hapio-lhp-tlrsp__avwrap,[data-zone=learner] .hapio-lhp-tlrsp__panel .hapio-lhp-tlrsp__track.is-score i:before,[data-zone=learner] .hapio-lhp-tlrsp__track i,[data-zone=learner] .lhphuc-voca-dashboard-content:has(>.hapio-lhp-tlrsp),[data-zone=learner].hapio-lhp-tlrspp{animation:none}}[data-zone=learner] .hapio-lhp-tlrsp__seclabel{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 2px 10px}[data-zone=learner] .hapio-lhp-tlrsp__seclabel>p{font-size:15px;font-weight:600;letter-spacing:-.2px}[data-zone=learner] .hapio-lhp-tlrsp__legend{display:flex;align-items:center;flex-wrap:wrap;gap:17px}[data-zone=learner] .hapio-lhp-tlrsp__legend span{display:inline-flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlrsp__legend i{width:6px;height:6px;border-radius:50%}[data-zone=learner] .hapio-lhp-tlrsp .is-good{--status:var(--learner-color-success)}[data-zone=learner] .hapio-lhp-tlrsp .is-medium{--status:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlrsp .is-low{--status:var(--learner-color-warning)}[data-zone=learner] .hapio-lhp-tlrsp .is-bad{--status:var(--learner-color-danger)}[data-zone=learner] .hapio-lhp-tlrsp__legend i{background:var(--status)}[data-zone=learner] .hapio-lhp-tlrsp__skilltabs{display:none}[data-zone=learner] .hapio-lhp-tlrsp__panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}[data-zone=learner] .hapio-lhp-tlrsp__panel{display:flex;flex-direction:column;min-width:0;padding:18px 22px 6px;border:1px solid var(--learner-color-border);border-radius:18px;background:var(--learner-color-surface)}[data-zone=learner] .hapio-lhp-tlrsp__panelhead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}[data-zone=learner] .hapio-lhp-tlrsp__subject{display:flex;align-items:center;gap:12px}[data-zone=learner] .hapio-lhp-tlrsp__subject .tile{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--learner-color-border);border-radius:12px;background:var(--learner-color-surface);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlrsp__subject .name{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.5px}[data-zone=learner] .hapio-lhp-tlrsp__subject .sub{margin-top:2px!important;font-size:11px;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlrsp__score{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-1.5px;white-space:nowrap;font-variant-numeric:tabular-nums}[data-zone=learner] .hapio-lhp-tlrsp__score small{margin-left:6px;font-size:14px;letter-spacing:0}[data-zone=learner] .hapio-lhp-tlrsp__summary{margin:12px 0 14px}[data-zone=learner] .hapio-lhp-tlrsp__summary .band{margin-bottom:6px!important;font-size:14px;font-weight:500;line-height:1.65;color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-tlrsp__summary .band b{font-weight:650;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-tlrsp__summary ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}[data-zone=learner] .hapio-lhp-tlrsp__summary li{position:relative;padding-left:14px;font-size:14px;line-height:1.6;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlrsp__summary li:before{content:"";position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:50%;background:var(--learner-color-warning)}[data-zone=learner] .hapio-lhp-tlrsp__ai{position:relative;margin-top:10px;padding:12px 14px 10px;border-radius:14px;background:linear-gradient(var(--learner-color-surface),var(--learner-color-surface)) padding-box,linear-gradient(120deg,color-mix(in srgb,var(--learner-color-brand) 45%,transparent),color-mix(in srgb,var(--learner-tone-violet-icon) 45%,transparent)) border-box;border:1px solid transparent}[data-zone=learner] .hapio-lhp-tlrsp__ai.is-live{background:linear-gradient(color-mix(in srgb,var(--learner-color-brand) 3%,var(--learner-color-surface)),color-mix(in srgb,var(--learner-color-brand) 3%,var(--learner-color-surface))) padding-box,linear-gradient(120deg,var(--learner-color-brand),var(--learner-tone-violet-icon),var(--learner-color-brand)) border-box;background-size:100% 100%,200% 100%;animation:hapio-lhp-tlrsp-aiborder 2.4s linear infinite}@keyframes hapio-lhp-tlrsp-aiborder{to{background-position:0 0,-200% 0}}[data-zone=learner] .hapio-lhp-tlrsp__aihead{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 6px!important;font-size:12px;font-weight:650;color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlrsp__aihead svg{color:var(--learner-tone-violet-icon)}[data-zone=learner] .hapio-lhp-tlrsp__ai.is-live .hapio-lhp-tlrsp__aihead svg{animation:hapio-lhp-tlrsp-aispark 1.4s ease-in-out infinite}@keyframes hapio-lhp-tlrsp-aispark{50%{transform:scale(1.25) rotate(18deg);opacity:.7}}[data-zone=learner] .hapio-lhp-tlrsp__aistate{display:inline-flex;align-items:center;gap:2px;margin-left:4px;font-weight:500;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlrsp__aistate i{width:3px;height:3px;border-radius:50%;background:currentColor;animation:hapio-lhp-tlrsp-aidot 1.2s ease-in-out infinite}[data-zone=learner] .hapio-lhp-tlrsp__aistate i:first-of-type{margin-left:3px}[data-zone=learner] .hapio-lhp-tlrsp__aistate i:nth-of-type(2){animation-delay:.15s}[data-zone=learner] .hapio-lhp-tlrsp__aistate i:nth-of-type(3){animation-delay:.3s}@keyframes hapio-lhp-tlrsp-aidot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}[data-zone=learner] .hapio-lhp-tlrsp__aiskel{display:grid;gap:7px;padding:4px 0 6px}[data-zone=learner] .hapio-lhp-tlrsp__aiskel i{display:block;height:9px;border-radius:6px;background:linear-gradient(90deg,var(--learner-color-border-soft) 0,color-mix(in srgb,var(--learner-tone-violet-icon) 18%,var(--learner-color-border-soft)) 45%,var(--learner-color-border-soft) 90%);background-size:220% 100%;animation:hapio-lhp-tlrsp-aiskel 1.5s ease-in-out infinite}[data-zone=learner] .hapio-lhp-tlrsp__aiskel i:nth-child(2){width:86%;animation-delay:.12s}[data-zone=learner] .hapio-lhp-tlrsp__aiskel i:nth-child(3){width:62%;animation-delay:.24s}@keyframes hapio-lhp-tlrsp-aiskel{0%{background-position:120% 0}to{background-position:-120% 0}}[data-zone=learner] .hapio-lhp-tlrsp__ai ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}[data-zone=learner] .hapio-lhp-tlrsp__ai li{position:relative;padding-left:14px;font-size:14px;line-height:1.6;color:var(--learner-color-text-body);animation:hapio-lhp-tlrsp-aiin .35s ease-out both}[data-zone=learner] .hapio-lhp-tlrsp__ai li:before{content:"";position:absolute;top:9px;left:0;width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,var(--learner-color-brand),var(--learner-tone-violet-icon))}@keyframes hapio-lhp-tlrsp-aiin{0%{opacity:0;transform:translateY(3px)}}[data-zone=learner] .hapio-lhp-tlrsp__caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--learner-color-brand);animation:hapio-lhp-tlrsp-caret .9s steps(2) infinite}@keyframes hapio-lhp-tlrsp-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-zone=learner] .hapio-lhp-tlrsp__ai li,[data-zone=learner] .hapio-lhp-tlrsp__ai.is-live,[data-zone=learner] .hapio-lhp-tlrsp__aihead svg,[data-zone=learner] .hapio-lhp-tlrsp__aiskel i,[data-zone=learner] .hapio-lhp-tlrsp__aistate i,[data-zone=learner] .hapio-lhp-tlrsp__caret{animation:none!important}}[data-zone=learner] .hapio-lhp-tlrsp__abilhead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0 7px;border-top:1px solid var(--learner-color-border);border-bottom:1px solid var(--learner-color-border);font-size:12px;font-weight:500;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlrsp__abil{flex:1;display:flex;flex-direction:column;margin:0;padding:0;list-style:none}[data-zone=learner] .hapio-lhp-tlrsp__abil li{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 0;border-bottom:1px solid var(--learner-color-border-soft)}[data-zone=learner] .hapio-lhp-tlrsp__abil li:last-child{border-bottom:0}[data-zone=learner] .hapio-lhp-tlrsp__abilhead>span:last-child{text-align:right}[data-zone=learner] .hapio-lhp-tlrsp__meta .val span{margin-left:8px}[data-zone=learner] .hapio-lhp-tlrsp__abil .meter{position:relative;display:block;padding-top:20px}[data-zone=learner] .hapio-lhp-tlrsp__abil .t{min-width:0;font-size:14px;line-height:1.5;font-weight:500;color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-tlrsp__abil b{position:absolute;top:0;font-size:15px;line-height:1.3;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--status)}[data-zone=learner] .hapio-lhp-tlrsp__abil b small{margin-left:1px;font-size:11px;font-weight:500}[data-zone=learner] .hapio-lhp-tlrsp__abil .hapio-lhp-tlrsp__track{height:6px}[data-zone=learner] .hapio-lhp-tlrsp__abil .hapio-lhp-tlrsp__track i{background:var(--status)}@media (max-width:1100px){[data-zone=learner] .hapio-lhp-tlrsp{padding:26px}[data-zone=learner] .hapio-lhp-tlrsp__title{font-size:29px}[data-zone=learner] .hapio-lhp-tlrsp__overview{grid-template-columns:minmax(0,1fr) 230px}[data-zone=learner] .hapio-lhp-tlrsp__student{padding:18px 20px;gap:16px}[data-zone=learner] .hapio-lhp-tlrsp__meta{gap:18px;flex-wrap:wrap}[data-zone=learner] .hapio-lhp-tlrsp__meta>div+div{padding-left:18px}[data-zone=learner] .hapio-lhp-tlrsp__total{padding:0 26px}[data-zone=learner] .hapio-lhp-tlrsp__panel{padding:16px 18px 6px}[data-zone=learner] .hapio-lhp-tlrsp__score{font-size:34px}}@media (max-width:880px){[data-zone=learner] .hapio-lhp-tlrsp__panels{grid-template-columns:minmax(0,1fr)}[data-zone=learner] .hapio-lhp-tlrsp__summary{min-height:0}[data-zone=learner] .hapio-lhp-tlrsp__who .name{margin-bottom:12px!important}[data-zone=learner] .hapio-lhp-tlrsp__overview{grid-template-columns:minmax(0,1fr) 205px}[data-zone=learner] .hapio-lhp-tlrsp__ring{width:116px;height:116px}}@media (max-width:600px){[data-zone=learner] .hapio-lhp-tlrsp__skilltabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:12px;padding:4px;border:1px solid var(--learner-color-border);border-radius:12px;background:var(--learner-color-surface)}[data-zone=learner] .hapio-lhp-tlrsp__skilltabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:0;border-radius:9px;background:transparent;color:var(--learner-color-text-muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}[data-zone=learner] .hapio-lhp-tlrsp__skilltabs button b{font-variant-numeric:tabular-nums;font-weight:700}[data-zone=learner] .hapio-lhp-tlrsp__skilltabs button.is-on{background:var(--learner-color-brand-soft);color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-tlrsp__legend,[data-zone=learner] .hapio-lhp-tlrsp__panels.is-tab-listening .hapio-lhp-tlrsp__panel.is-rea,[data-zone=learner] .hapio-lhp-tlrsp__panels.is-tab-reading .hapio-lhp-tlrsp__panel.is-lis{display:none}[data-zone=learner] .hapio-lhp-tlrsp{padding:19px 17px 24px}[data-zone=learner] .hapio-lhp-tlrsp__topbar{gap:10px;padding-bottom:16px;margin-bottom:20px;flex-wrap:nowrap}[data-zone=learner] .hapio-lhp-tlrsp__right{flex-wrap:nowrap;gap:8px}[data-zone=learner] .hapio-lhp-tlrsp__btn.is-pdf{display:none}[data-zone=learner] .hapio-lhp-tlrsp__brand>span[role=img]{--orbit-size:22px}[data-zone=learner] .hapio-lhp-tlrsp__title{font-size:19px;line-height:1.3;letter-spacing:-.4px}[data-zone=learner] .hapio-lhp-tlrsp__overview{grid-template-columns:minmax(0,1fr);margin-bottom:25px}[data-zone=learner] .hapio-lhp-tlrsp__student{flex-direction:column;align-items:center;gap:14px;padding:26px 20px 20px;text-align:center}[data-zone=learner] .hapio-lhp-tlrsp__avwrap{align-self:center;border-radius:50%;aspect-ratio:auto;min-height:0}[data-zone=learner] .hapio-lhp-tlrsp__avwrap .hapio-lhp-tlrsp__avatar{position:static;align-self:center;width:96px;height:96px;min-height:0;max-height:none;aspect-ratio:1;border-radius:50%;border:3px solid var(--learner-color-surface);box-shadow:0 0 0 1px var(--learner-color-border)}[data-zone=learner] .hapio-lhp-tlrsp__who{width:100%}[data-zone=learner] .hapio-lhp-tlrsp__meta{flex-direction:row!important;justify-content:center;gap:18px!important}[data-zone=learner] .hapio-lhp-tlrsp__who .hapio-lhp-tlrsp__actions{justify-content:center}[data-zone=learner] .hapio-lhp-tlrsp__meta>div+div{padding-left:18px!important;border-left:1px solid var(--learner-color-border)!important}[data-zone=learner] .hapio-lhp-tlrsp__seclabel{flex-direction:column;align-items:flex-start;gap:9px}[data-zone=learner] .hapio-lhp-tlrsp__panels{gap:19px}[data-zone=learner] .hapio-lhp-tlrsp__who .name{font-size:20px;margin-bottom:12px!important}[data-zone=learner] .hapio-lhp-tlrsp__total{display:flex;flex-direction:column;align-items:center;margin:0 20px;padding:16px 0 20px;border:0;border-top:1px solid var(--learner-color-border);text-align:center}[data-zone=learner] .hapio-lhp-tlrsp__total .top{justify-content:center}[data-zone=learner] .hapio-lhp-tlrsp__ring{width:104px;height:104px}[data-zone=learner] .hapio-lhp-tlrsp__ring b{font-size:34px}[data-zone=learner] .hapio-lhp-tlrsp__panel{padding:18px 16px 8px;border-radius:16px}[data-zone=learner] .hapio-lhp-tlrsp__panelhead{margin-bottom:14px}[data-zone=learner] .hapio-lhp-tlrsp__subject .tile{width:34px;height:34px;border-radius:10px}[data-zone=learner] .hapio-lhp-tlrsp__subject .name{font-size:17px}[data-zone=learner] .hapio-lhp-tlrsp__score{font-size:23px;letter-spacing:-.6px}[data-zone=learner] .hapio-lhp-tlrsp__score small{font-size:12px;margin-left:3px}[data-zone=learner] .hapio-lhp-tlrsp__summary{margin:14px 0 16px}[data-zone=learner] .hapio-lhp-tlrsp__abil .t,[data-zone=learner] .hapio-lhp-tlrsp__summary .band,[data-zone=learner] .hapio-lhp-tlrsp__summary li{font-size:13px;line-height:1.55}[data-zone=learner] .hapio-lhp-tlrsp__summary ul{gap:6px}[data-zone=learner] .hapio-lhp-tlrsp__abil li{padding:12px 0}[data-zone=learner] .hapio-lhp-tlrsp__abil b{font-size:13px}[data-zone=learner] .hapio-lhp-tlrsp__abilhead{padding:10px 0 8px;font-size:11px}[data-zone=learner] .hapio-lhp-tlrsp__overview{grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"av name ring" "av meta ring" "act act act";-moz-column-gap:14px;column-gap:14px;row-gap:4px;align-items:center;padding:16px 16px 14px}[data-zone=learner] .hapio-lhp-tlrsp__student,[data-zone=learner] .hapio-lhp-tlrsp__who{display:contents}[data-zone=learner] .hapio-lhp-tlrsp__who>.lab{display:none}[data-zone=learner] .hapio-lhp-tlrsp__avwrap{grid-area:av;align-self:center}[data-zone=learner] .hapio-lhp-tlrsp__avwrap .hapio-lhp-tlrsp__avatar{width:64px;height:64px;border-width:2px}[data-zone=learner] .hapio-lhp-tlrsp__who .name{grid-area:name;align-self:end;margin:0!important;font-size:18px;line-height:1.25;text-align:left}[data-zone=learner] .hapio-lhp-tlrsp__who .name.is-long{font-size:16px!important}[data-zone=learner] .hapio-lhp-tlrsp__who .name.is-xlong{font-size:15px!important}[data-zone=learner] .hapio-lhp-tlrsp__meta{grid-area:meta;align-self:start;flex-direction:column!important;align-items:flex-start;gap:0!important;text-align:left}[data-zone=learner] .hapio-lhp-tlrsp__meta>div+div{padding-left:0!important;border-left:0!important}[data-zone=learner] .hapio-lhp-tlrsp__meta .lab{display:none}[data-zone=learner] .hapio-lhp-tlrsp__meta .val{font-size:12px;font-weight:500;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tlrsp__total{grid-area:ring;margin:0;padding:0;border:0}[data-zone=learner] .hapio-lhp-tlrsp__ring{width:76px;height:76px}[data-zone=learner] .hapio-lhp-tlrsp__ring b{font-size:23px;letter-spacing:-.8px}[data-zone=learner] .hapio-lhp-tlrsp__who .hapio-lhp-tlrsp__actions{grid-area:act;margin-top:12px}[data-zone=learner] .hapio-lhp-tlrsp__who .hapio-lhp-tlrsp__actions .hapio-lhp-tlrsp__btn{flex:1;justify-content:center}}@media print{[data-zone=learner] .hapio-lhp-tlrsp{max-width:none;padding:0}[data-zone=learner] .hapio-lhp-tlrsp__noexport,[data-zone=learner] .hapio-lhp-tlrsp__topbar{display:none!important}[data-zone=learner] .hapio-lhp-tlrsp__panels{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}[data-zone=learner] .hapio-lhp-tlrsp__panel{-moz-column-break-inside:avoid;break-inside:avoid}}.hapio-lhp-tlrpl.is-doing .hapio-lhp-tlrpl__cta,.hapio-lhp-tlrpl.is-todo .hapio-lhp-tlrpl__cta{position:relative;overflow:hidden;animation:hapio-lhp-tlrpl-pulse 2.4s ease-out infinite;transition:transform .15s ease,filter .15s ease}.hapio-lhp-tlrpl.is-todo .hapio-lhp-tlrpl__cta:after{content:"";position:absolute;inset:0 auto 0 -60%;width:45%;background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--learner-color-surface) 45%,transparent),transparent);transform:skewX(-20deg);animation:hapio-lhp-tlrpl-shine 3.2s ease-in-out infinite}.hapio-lhp-tlrpl.is-doing .hapio-lhp-tlrpl__cta svg,.hapio-lhp-tlrpl.is-todo .hapio-lhp-tlrpl__cta svg{animation:hapio-lhp-tlrpl-nudge 1.6s ease-in-out infinite}.hapio-lhp-tlrpl__cta:hover{transform:translateY(-1px);filter:brightness(1.06)}@keyframes hapio-lhp-tlrpl-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--pl-accent) 45%,transparent)}70%,to{box-shadow:0 0 0 10px color-mix(in srgb,var(--pl-accent) 0%,transparent)}}@keyframes hapio-lhp-tlrpl-shine{0%,55%{left:-60%}to{left:130%}}@keyframes hapio-lhp-tlrpl-nudge{0%,to{transform:translateX(0)}50%{transform:translateX(3px)}}@media (prefers-reduced-motion:reduce){.hapio-lhp-tlrpl__cta,.hapio-lhp-tlrpl__cta svg,.hapio-lhp-tlrpl__cta:after,.hapio-lhp-tlrpl__ring-fill{animation:none!important}}