.hapio-lhp-lsl{max-width:880px;margin:0 auto;padding:40px 20px 64px}.hapio-lhp-lsl__head{text-align:center;margin-bottom:28px}.hapio-lhp-lsl__badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;border:1px solid var(--learner-color-border);background:var(--learner-color-surface-muted);color:var(--learner-color-text-muted);font-size:12px;font-weight:600}.hapio-lhp-lsl__title{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 8px;color:var(--learner-color-text);font-size:26px;font-weight:700}.hapio-lhp-lsl__sub{max-width:560px;margin:0 auto;color:var(--learner-color-text-muted);font-size:14.5px;line-height:1.6}.hapio-lhp-lsl__sub b{color:var(--learner-color-text);font-weight:600}.hapio-lhp-lsl__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}@media (max-width:760px){.hapio-lhp-lsl{padding:24px 14px 48px}.hapio-lhp-lsl__grid{grid-template-columns:1fr}}.hapio-lhp-lsl__card{border:1px solid var(--learner-color-border);border-radius:16px;background:var(--learner-color-surface);padding:20px}.hapio-lhp-lsl__card--paid{border-color:var(--learner-color-accent-ring)}.hapio-lhp-lsl__card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.hapio-lhp-lsl__card-head h2{margin:0 0 4px;color:var(--learner-color-text);font-size:16.5px;font-weight:700}.hapio-lhp-lsl__card-head p{margin:0;color:var(--learner-color-text-muted);font-size:13px;line-height:1.5}.hapio-lhp-lsl__ico{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border-radius:10px}.hapio-lhp-lsl__ico--paid{background:var(--learner-color-accent-soft);color:var(--learner-color-accent)}.hapio-lhp-lsl__ico--free{background:var(--learner-color-success-soft);color:var(--learner-color-success-strong)}.hapio-lhp-lsl__price{display:flex;align-items:baseline;gap:8px;margin:4px 0 14px}.hapio-lhp-lsl__price b{color:var(--learner-color-text);font-size:24px;font-weight:700}.hapio-lhp-lsl__price s{color:var(--learner-color-text-muted);font-size:14px}.hapio-lhp-lsl__price span{color:var(--learner-color-text-muted);font-size:13px}.hapio-lhp-lsl__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;border:0;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s ease}.hapio-lhp-lsl__btn:disabled{cursor:wait;opacity:.7}.hapio-lhp-lsl__btn:hover:not(:disabled){filter:brightness(1.06)}.hapio-lhp-lsl__btn--paid{background:var(--learner-color-accent);color:var(--learner-color-on-accent)}.hapio-lhp-lsl__btn--free{background:var(--learner-color-success-strong);color:var(--learner-color-on-accent)}.hapio-lhp-lsl__spin{animation:hapio-lhp-lsl-spin .8s linear infinite}@keyframes hapio-lhp-lsl-spin{to{transform:rotate(1turn)}}.hapio-lhp-lsl__pay{display:grid;gap:12px}.hapio-lhp-lsl__qr{width:170px;max-width:100%;margin:0 auto;border:1px solid var(--learner-color-border);border-radius:12px}.hapio-lhp-lsl__pay-rows{display:grid;gap:6px}.hapio-lhp-lsl__pay-rows>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;border:1px dashed var(--learner-color-border);border-radius:10px;font-size:13px}.hapio-lhp-lsl__pay-rows span{color:var(--learner-color-text-muted)}.hapio-lhp-lsl__pay-rows b{color:var(--learner-color-text);font-weight:600}.hapio-lhp-lsl__done{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:var(--learner-color-success-soft);color:var(--learner-color-success-strong);font-size:13px;font-weight:600}.hapio-lhp-lsl__tiers{list-style:none;display:grid;gap:8px;margin:0 0 14px;padding:0}.hapio-lhp-lsl__tiers li{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--learner-color-border);border-radius:10px;color:var(--learner-color-text-body);font-size:13.5px}.hapio-lhp-lsl__tiers li.is-reached{border-color:var(--learner-tone-emerald-ring);background:var(--learner-color-success-soft)}.hapio-lhp-lsl__tier-n{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;border-radius:999px;background:var(--learner-color-surface-muted);color:var(--learner-color-text-muted);font-size:12px;font-weight:700}.hapio-lhp-lsl__tiers li.is-reached .hapio-lhp-lsl__tier-n{background:var(--learner-color-success-strong);color:var(--learner-color-on-accent)}.hapio-lhp-lsl__tier-reward{margin-left:auto;color:var(--learner-color-success-strong);font-weight:700}.hapio-lhp-lsl__progress{display:grid;gap:10px}.hapio-lhp-lsl__progress-label{color:var(--learner-color-text-body);font-size:13.5px}.hapio-lhp-lsl__progress-label b{color:var(--learner-color-text)}.hapio-lhp-lsl__bar{height:8px;border-radius:999px;background:var(--learner-color-surface-muted);overflow:hidden}.hapio-lhp-lsl__bar span{display:block;height:100%;border-radius:999px;background:var(--learner-color-success-strong);transition:width .3s ease}.hapio-lhp-lsl__link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 12px;border:1px dashed var(--learner-color-accent-ring);border-radius:10px;background:var(--learner-color-accent-soft);color:var(--learner-color-text);font-size:12.5px;cursor:pointer;text-align:left}.hapio-lhp-lsl__link-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hapio-lhp-lsl__link-copy{display:inline-flex;align-items:center;gap:4px;flex:none;color:var(--learner-color-accent);font-weight:700}.hapio-lhp-lsl__note{margin:0;color:var(--learner-color-text-muted);font-size:12.5px;line-height:1.55}.hapio-lhp-lsl__refresh{justify-self:start;padding:7px 12px;border:1px solid var(--learner-color-border);border-radius:10px;background:var(--learner-color-surface);color:var(--learner-color-text-body);font-size:12.5px;font-weight:600;cursor:pointer}.hapio-lhp-lsl__refresh:hover{border-color:var(--learner-color-accent-ring);color:var(--learner-color-accent)}[data-zone=learner] .hapio-lhp-lsl-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:color-mix(in srgb,var(--learner-color-text-strong) 55%,transparent)}[data-zone=learner] .hapio-lhp-lsl-modal__card{position:relative;width:min(880px,100%);max-height:min(92dvh,760px);overflow-y:auto;border:1px solid var(--learner-color-border);border-radius:18px;background:var(--learner-color-surface);box-shadow:0 24px 64px color-mix(in srgb,var(--learner-color-text-strong) 28%,transparent)}[data-zone=learner] .hapio-lhp-lsl-modal__card .hapio-lhp-lsl{padding:30px 22px 34px}[data-zone=learner] .hapio-lhp-lsl-modal__x{position:absolute;top:10px;right:10px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--learner-color-border);border-radius:999px;background:var(--learner-color-surface);color:var(--learner-color-text-muted);cursor:pointer}[data-zone=learner] .hapio-lhp-lsl-modal__x:hover{border-color:var(--learner-color-accent-ring);color:var(--learner-color-accent)}[data-zone=learner] .hapio-lhp-lsl-modal__x svg{width:16px;height:16px}@media (max-width:760px){[data-zone=learner] .hapio-lhp-lsl-modal{padding:10px}[data-zone=learner] .hapio-lhp-lsl-modal__card{max-height:94dvh}[data-zone=learner] .hapio-lhp-lsl-modal__card .hapio-lhp-lsl{padding:26px 14px 28px}}[data-zone=learner] .hapio-lhp-li-root{width:100%;max-width:1180px;margin:0 auto;padding:8px 24px 48px;color:var(--learner-color-text)}[data-zone=learner] .hapio-lhp-li-head{margin-bottom:20px}[data-zone=learner] .hapio-lhp-li-h1{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:1.6rem;font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-li-h1 svg{width:28px;height:28px;color:var(--learner-color-brand);stroke-width:1.75}[data-zone=learner] .hapio-lhp-li-sub{margin:0;color:var(--learner-color-text-muted);font-size:.96rem}[data-zone=learner] .hapio-lhp-li-h2{margin:0 0 14px;font-size:1.12rem;font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-li-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;border-radius:var(--learner-radius-pill);border:1px solid transparent;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease;white-space:nowrap}[data-zone=learner] .hapio-lhp-li-btn svg{width:18px;height:18px;stroke-width:1.75}[data-zone=learner] .hapio-lhp-li-btn--pri{background:var(--learner-color-brand);color:var(--learner-color-text-inverse)}[data-zone=learner] .hapio-lhp-li-btn--pri:hover{background:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-li-btn--ghost{background:var(--learner-color-surface-soft);color:var(--learner-color-text-body);border-color:var(--learner-color-border)}[data-zone=learner] .hapio-lhp-li-btn--ghost:hover{background:var(--learner-color-surface);border-color:var(--learner-color-border-strong)}[data-zone=learner] .hapio-lhp-li-btn:disabled{opacity:.55;cursor:not-allowed}[data-zone=learner] .hapio-lhp-li-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--learner-radius-pill);border:1px solid var(--learner-color-border);background:var(--learner-color-surface);color:var(--learner-color-text-body);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}[data-zone=learner] .hapio-lhp-li-iconbtn svg{width:19px;height:19px;stroke-width:1.75}[data-zone=learner] .hapio-lhp-li-iconbtn:hover{background:var(--learner-color-brand-soft);color:var(--learner-color-brand);border-color:var(--learner-color-brand-border)}[data-zone=learner] .hapio-lhp-li-iconbtn--sm{width:32px;height:32px}[data-zone=learner] .hapio-lhp-li-iconbtn--sm svg{width:16px;height:16px}[data-zone=learner] .hapio-lhp-li-iconbtn--danger:hover{background:var(--learner-color-danger-soft);color:var(--learner-color-danger);border-color:var(--learner-color-danger)}[data-zone=learner] .hapio-lhp-li-import{background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-lg);padding:18px;box-shadow:var(--learner-shadow-sm);margin-bottom:22px}[data-zone=learner] .hapio-lhp-li-import__row{display:flex;gap:10px;flex-wrap:wrap}[data-zone=learner] .hapio-lhp-li-input{flex:1 1 320px;min-width:0;padding:10px 14px;border-radius:var(--learner-radius-md);border:1px solid var(--learner-color-border);background:var(--learner-color-surface);color:var(--learner-color-text);font-size:.96rem}[data-zone=learner] .hapio-lhp-li-input:focus{outline:none;border-color:var(--learner-color-brand);box-shadow:0 0 0 3px var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-li-hint{margin:10px 2px 0;font-size:.85rem;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-li-error{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:9px 12px;border-radius:var(--learner-radius-md);background:var(--learner-color-danger-soft);color:var(--learner-color-danger);font-size:.9rem}[data-zone=learner] .hapio-lhp-li-error svg{width:17px;height:17px;flex:none}[data-zone=learner] .hapio-lhp-li-kind{display:inline-block;padding:2px 9px;border-radius:var(--learner-radius-pill);font-size:.74rem;font-weight:600;width:-moz-fit-content;width:fit-content}[data-zone=learner] .hapio-lhp-li-kind--manual{background:var(--learner-color-success-soft);color:var(--learner-color-success)}[data-zone=learner] .hapio-lhp-li-kind--auto{background:var(--learner-color-warning-soft);color:var(--learner-color-warning)}[data-zone=learner] .hapio-lhp-li-card__kinds{display:flex;flex-wrap:wrap;align-items:center;gap:6px}[data-zone=learner] .hapio-lhp-li-demo{display:inline-block;padding:2px 9px;border-radius:var(--learner-radius-pill);background:var(--learner-color-brand-soft);color:var(--learner-color-brand);font-size:.74rem;font-weight:700;width:-moz-fit-content;width:fit-content}[data-zone=learner] .hapio-lhp-li-warn{display:flex;align-items:flex-start;gap:8px;margin:10px 0 0;font-size:.86rem;color:var(--learner-color-warning)}[data-zone=learner] .hapio-lhp-li-warn svg{width:16px;height:16px;flex:none;margin-top:1px}[data-zone=learner] .hapio-lhp-li-warn--bar{padding:10px 14px;border-radius:var(--learner-radius-md);background:var(--learner-color-warning-soft);margin:0 0 16px}[data-zone=learner] .hapio-lhp-li-note-inline{margin:8px 0 0;font-size:.85rem;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-li-preview{display:grid;grid-template-columns:280px 1fr;gap:18px;background:var(--learner-color-surface);border:1px solid var(--learner-color-brand-border);border-radius:var(--learner-radius-lg);padding:18px;box-shadow:var(--learner-shadow-sm);margin-bottom:26px}[data-zone=learner] .hapio-lhp-li-preview__media{position:relative}[data-zone=learner] .hapio-lhp-li-thumb{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--learner-radius-md);background:var(--learner-color-surface-soft);display:block}[data-zone=learner] .hapio-lhp-li-thumb--blank{border:1px dashed var(--learner-color-border-strong)}[data-zone=learner] .hapio-lhp-li-preview__media .hapio-lhp-li-kind{position:absolute;left:8px;bottom:8px}[data-zone=learner] .hapio-lhp-li-field{display:block;margin-bottom:10px}[data-zone=learner] .hapio-lhp-li-field__label{display:block;margin-bottom:4px;font-size:.82rem;font-weight:600;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-li-meta{margin:6px 0;font-size:.88rem;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-li-chan{font-weight:600;color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-li-preview__lines{margin:12px 0;border-top:1px solid var(--learner-color-border-soft);padding-top:10px}[data-zone=learner] .hapio-lhp-li-pl{display:flex;gap:10px;padding:3px 0;font-size:.88rem}[data-zone=learner] .hapio-lhp-li-pl__t{flex:none;color:var(--learner-color-brand);font-variant-numeric:tabular-nums;font-size:.8rem;padding-top:1px}[data-zone=learner] .hapio-lhp-li-pl__x{color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-li-pl--more{color:var(--learner-color-text-subtle);font-style:italic}[data-zone=learner] .hapio-lhp-li-preview__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}[data-zone=learner] .hapio-lhp-li-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}[data-zone=learner] .hapio-lhp-li-card{position:relative;background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-lg);overflow:hidden;box-shadow:var(--learner-shadow-xs);transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}[data-zone=learner] .hapio-lhp-li-card:hover{box-shadow:var(--learner-shadow-md);border-color:var(--learner-color-brand-border);transform:translateY(-2px)}[data-zone=learner] .hapio-lhp-li-card__open{display:block;width:100%;text-align:left;background:none;border:none;padding:0;cursor:pointer}[data-zone=learner] .hapio-lhp-li-card__media{position:relative;display:block}[data-zone=learner] .hapio-lhp-li-card__media .hapio-lhp-li-thumb{border-radius:0}[data-zone=learner] .hapio-lhp-li-card__dur{position:absolute;right:6px;bottom:6px;padding:1px 7px;border-radius:var(--learner-radius-pill);background:var(--learner-color-scrim);color:var(--learner-color-text-inverse);font-size:.74rem;font-variant-numeric:tabular-nums}[data-zone=learner] .hapio-lhp-li-card__body{display:flex;flex-direction:column;gap:5px;padding:12px 14px 14px}[data-zone=learner] .hapio-lhp-li-card__title{font-weight:600;color:var(--learner-color-text-strong);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-zone=learner] .hapio-lhp-li-card__chan{font-size:.82rem;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-li-card__del{position:absolute;top:8px;right:8px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--learner-radius-pill);border:none;background:var(--learner-color-scrim);color:var(--learner-color-text-inverse);cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease}[data-zone=learner] .hapio-lhp-li-card__del svg{width:16px;height:16px}[data-zone=learner] .hapio-lhp-li-card:hover .hapio-lhp-li-card__del{opacity:1}[data-zone=learner] .hapio-lhp-li-card__del:hover{background:var(--learner-color-danger)}[data-zone=learner] .hapio-lhp-li-pane{max-width:none;margin:0;padding:0;min-height:0}[data-zone=learner] .hapio-lhp-li-card__acts{position:absolute;top:8px;right:8px;display:inline-flex;gap:6px;opacity:0;transition:opacity .15s ease}[data-zone=learner] .hapio-lhp-li-card:hover .hapio-lhp-li-card__acts{opacity:1}[data-zone=learner] .hapio-lhp-li-card__act{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--learner-radius-pill);border:none;background:var(--learner-color-scrim);color:var(--learner-color-text-inverse);cursor:pointer;transition:background .15s ease}[data-zone=learner] .hapio-lhp-li-card__act svg{width:16px;height:16px}[data-zone=learner] .hapio-lhp-li-card__act:hover{background:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-li-card__act--danger:hover{background:var(--learner-color-danger)}[data-zone=learner] .hapio-lhp-li-empty,[data-zone=learner] .hapio-lhp-li-loading{padding:28px;text-align:center;color:var(--learner-color-text-muted);background:var(--learner-color-surface-soft);border:1px dashed var(--learner-color-border-strong);border-radius:var(--learner-radius-lg)}[data-zone=learner] .hapio-lhp-li-loading{display:flex;align-items:center;justify-content:center;gap:8px}[data-zone=learner] .hapio-lhp-li-spin{width:18px;height:18px;animation:hapio-lhp-li-spin .8s linear infinite}@keyframes hapio-lhp-li-spin{to{transform:rotate(1turn)}}[data-zone=learner] .hapio-lhp-li-st-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}[data-zone=learner] .hapio-lhp-li-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--learner-color-text-muted);font-size:.92rem;font-weight:600;cursor:pointer;padding:6px 4px}[data-zone=learner] .hapio-lhp-li-back:hover{color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-li-back svg{width:18px;height:18px}[data-zone=learner] .hapio-lhp-li-st-titlewrap{display:flex;align-items:center;gap:10px;flex:1 1 320px;min-width:0}[data-zone=learner] .hapio-lhp-li-st-title{margin:0;font-size:1.18rem;font-weight:700;color:var(--learner-color-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-zone=learner] .hapio-lhp-li-st-actions{display:flex;align-items:center;gap:8px}[data-zone=learner] .hapio-lhp-li-st-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;align-items:start}[data-zone=learner] .hapio-lhp-li-st-left{position:sticky;top:12px}[data-zone=learner] .hapio-lhp-li-player{position:relative;aspect-ratio:16/9;border-radius:var(--learner-radius-lg);overflow:hidden;background:var(--learner-color-sidebar);box-shadow:var(--learner-shadow-md)}[data-zone=learner] .hapio-lhp-li-player__host,[data-zone=learner] .hapio-lhp-li-player__host iframe{position:absolute;inset:0;width:100%;height:100%;border:0}[data-zone=learner] .hapio-lhp-li-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}[data-zone=learner] .hapio-lhp-li-speed{display:inline-flex;gap:4px;padding:3px;border-radius:var(--learner-radius-pill);background:var(--learner-color-surface-soft);border:1px solid var(--learner-color-border)}[data-zone=learner] .hapio-lhp-li-speed__btn{border:none;background:none;color:var(--learner-color-text-muted);font-size:.82rem;font-weight:600;padding:4px 9px;border-radius:var(--learner-radius-pill);cursor:pointer}[data-zone=learner] .hapio-lhp-li-speed__btn.is-active{background:var(--learner-color-brand);color:var(--learner-color-text-inverse)}[data-zone=learner] .hapio-lhp-li-toggle{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--learner-color-text-muted);cursor:pointer}[data-zone=learner] .hapio-lhp-li-toggle input{accent-color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-li-editmeta{margin-top:14px;padding:14px;border-radius:var(--learner-radius-md);background:var(--learner-color-surface-soft);border:1px solid var(--learner-color-border)}[data-zone=learner] .hapio-lhp-li-textarea{width:100%;padding:8px 11px;border-radius:var(--learner-radius-sm);border:1px solid var(--learner-color-border);background:var(--learner-color-surface);color:var(--learner-color-text);font:inherit;font-size:.92rem;resize:vertical}[data-zone=learner] .hapio-lhp-li-textarea:focus{outline:none;border-color:var(--learner-color-brand);box-shadow:0 0 0 3px var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-li-usernote{color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-li-savedmsg{margin:10px 0 0;font-size:.85rem;color:var(--learner-color-success)}[data-zone=learner] .hapio-lhp-li-st-right{background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-lg);padding:8px;max-height:72vh;overflow-y:auto}[data-zone=learner] .hapio-lhp-li-script{list-style:none;margin:0;padding:0;counter-reset:li}[data-zone=learner] .hapio-lhp-li-line{border-radius:var(--learner-radius-md);margin-bottom:2px;transition:background .12s ease}[data-zone=learner] .hapio-lhp-li-line.is-active{background:var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-li-line.is-loop{box-shadow:inset 3px 0 0 var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-li-line__view{display:flex;align-items:flex-start;gap:8px;padding:7px 8px}[data-zone=learner] .hapio-lhp-li-line__t{flex:none;color:var(--learner-color-brand);font-variant-numeric:tabular-nums;font-size:.78rem;padding-top:3px}[data-zone=learner] .hapio-lhp-li-line__t--btn,[data-zone=learner] .hapio-lhp-li-line__x{background:none;border:none;cursor:pointer}[data-zone=learner] .hapio-lhp-li-line__x{flex:1;text-align:left;color:var(--learner-color-text-body);font:inherit;font-size:.98rem;line-height:1.5;padding:0}[data-zone=learner] .hapio-lhp-li-line.is-active .hapio-lhp-li-line__x{color:var(--learner-color-text-strong);font-weight:600}[data-zone=learner] .hapio-lhp-li-line__loop{flex:none;opacity:0}[data-zone=learner] .hapio-lhp-li-line:hover .hapio-lhp-li-line__loop,[data-zone=learner] .hapio-lhp-li-line__loop.is-active{opacity:1}[data-zone=learner] .hapio-lhp-li-line__loop.is-active{background:var(--learner-color-brand);color:var(--learner-color-text-inverse);border-color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-li-line__edit{display:flex;align-items:flex-start;gap:8px;padding:7px 8px}[data-zone=learner] .hapio-lhp-li-textarea--line{flex:1}[data-zone=learner] .hapio-lhp-li-line__editbtns{display:flex;flex-direction:column;gap:4px}[data-zone=learner] .hapio-lhp-li-line__edittexts{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}[data-zone=learner] .hapio-lhp-li-line__edittexts .hapio-lhp-li-textarea--line{flex:none;width:100%}[data-zone=learner] .hapio-lhp-li-textarea--vn{font-size:13px;font-style:italic;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-li-st-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--learner-color-border-soft);font-size:.84rem}[data-zone=learner] .hapio-lhp-li-srclink{color:var(--learner-color-brand);font-weight:600;text-decoration:none}[data-zone=learner] .hapio-lhp-li-srclink:hover{text-decoration:underline}[data-zone=learner] .hapio-lhp-li-foot-note{color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-li-terms-root{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:16px}[data-zone=learner] .hapio-lhp-li-terms-scrim{position:absolute;inset:0;background:var(--learner-color-scrim)}[data-zone=learner] .hapio-lhp-li-terms-card{position:relative;width:min(560px,100%);max-height:88vh;overflow-y:auto;background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-xl);box-shadow:var(--learner-shadow-pop);padding:26px}[data-zone=learner] .hapio-lhp-li-terms-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--learner-radius-pill);background:var(--learner-color-warning-soft);color:var(--learner-color-warning);margin-bottom:12px}[data-zone=learner] .hapio-lhp-li-terms-icon svg{width:24px;height:24px}[data-zone=learner] .hapio-lhp-li-terms-title{margin:0 0 12px;font-size:1.18rem;font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-li-terms-body{color:var(--learner-color-text-body);font-size:.92rem;line-height:1.55}[data-zone=learner] .hapio-lhp-li-terms-body ul{margin:10px 0 0;padding-left:18px}[data-zone=learner] .hapio-lhp-li-terms-body li{margin-bottom:6px}[data-zone=learner] .hapio-lhp-li-terms-check{display:flex;align-items:flex-start;gap:9px;margin:16px 0;padding:12px;border-radius:var(--learner-radius-md);background:var(--learner-color-surface-soft);font-size:.9rem;color:var(--learner-color-text-body);cursor:pointer}[data-zone=learner] .hapio-lhp-li-terms-check input{margin-top:2px;accent-color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-li-terms-actions{display:flex;justify-content:flex-end;gap:10px}@media (max-width:860px){[data-zone=learner] .hapio-lhp-li-st-grid{grid-template-columns:1fr}[data-zone=learner] .hapio-lhp-li-st-left{position:static}[data-zone=learner] .hapio-lhp-li-preview{grid-template-columns:1fr}[data-zone=learner] .hapio-lhp-li-st-right{max-height:none}}[data-zone=learner] .hapio-lhp-ls-trial{display:flex;align-items:center;gap:var(--learner-space-2);max-width:1280px;margin:14px auto var(--learner-space-3);padding:9px 12px;border:1px solid color-mix(in srgb,var(--learner-color-warning) 32%,transparent);border-radius:var(--learner-radius-md);background:var(--learner-color-warning-soft);color:var(--learner-color-text-body);font-size:13px;line-height:1.5}[data-zone=learner] .hapio-lhp-ls-trial__ic{flex:none;width:16px;height:16px;color:var(--learner-color-warning)}[data-zone=learner] .hapio-lhp-ls-trial__txt{flex:1 1 auto;margin:0;min-width:0}[data-zone=learner] .hapio-lhp-ls-trial__txt b{color:var(--learner-color-text);font-weight:600}[data-zone=learner] .hapio-lhp-ls-trial__x{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:999px;background:transparent;color:var(--learner-color-text-muted);cursor:pointer;transition:background var(--learner-duration-fast) ease,color var(--learner-duration-fast) ease}[data-zone=learner] .hapio-lhp-ls-trial__x:hover{background:var(--learner-color-surface);color:var(--learner-color-text)}[data-zone=learner] .hapio-lhp-ls-trial__x svg{width:15px;height:15px}[data-zone=learner] .hapio-lhp-sz{display:flex;flex-direction:column;gap:14px;min-width:0}[data-zone=learner] .hapio-lhp-sz-head__title{margin:0;font-size:var(--learner-text-xl);font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-sz-head__sub{margin:2px 0 0;font-size:var(--learner-text-sm);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-sz-tabs{display:flex;gap:2px;border-bottom:1.5px solid var(--learner-color-border)}[data-zone=learner] .hapio-lhp-sz-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 14px 8px;margin-bottom:-1.5px;border:0;border-bottom:2.5px solid transparent;background:none;font-size:var(--learner-text-sm);font-weight:500;color:var(--learner-color-text-muted);cursor:pointer}[data-zone=learner] .hapio-lhp-sz-tab:hover{color:var(--learner-color-text)}[data-zone=learner] .hapio-lhp-sz-tab.is-on{color:var(--learner-color-brand);border-bottom-color:var(--learner-color-brand);font-weight:600}[data-zone=learner] .hapio-lhp-sz-tab__ic{width:16px;height:16px}[data-zone=learner] .hapio-lhp-sz-hero{background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:16px;padding:16px 18px}[data-zone=learner] .hapio-lhp-sz-hero__top{display:flex;align-items:center;gap:14px}[data-zone=learner] .hapio-lhp-sz-hero__badge{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:16px;flex-shrink:0;border:1px solid var(--learner-color-border);background:var(--learner-color-surface-soft);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-sz-hero__badge svg{width:26px;height:26px}[data-zone=learner] .hapio-lhp-sz-hero__main{flex:1;min-width:0}[data-zone=learner] .hapio-lhp-sz-hero__name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}[data-zone=learner] .hapio-lhp-sz-hero__name b{font-size:var(--learner-text-base);font-weight:700}[data-zone=learner] .hapio-lhp-sz-hero__lvl{font-size:var(--learner-text-xs);font-weight:600;padding:2px 9px;border-radius:999px;background:var(--learner-color-surface-soft);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-sz-hero[data-tier="0"] .hapio-lhp-sz-hero__badge,[data-zone=learner] .hapio-lhp-sz-hero[data-tier="0"] .hapio-lhp-sz-hero__lvl{background:var(--learner-ls-tier-0-bg);color:var(--learner-ls-tier-0);border-color:var(--learner-ls-tier-0)}[data-zone=learner] .hapio-lhp-sz-hero[data-tier="0"] .hapio-lhp-sz-hero__name b{color:var(--learner-ls-tier-0)}[data-zone=learner] .hapio-lhp-sz-hero[data-tier="1"] .hapio-lhp-sz-hero__badge,[data-zone=learner] .hapio-lhp-sz-hero[data-tier="1"] .hapio-lhp-sz-hero__lvl{background:var(--learner-ls-tier-1-bg);color:var(--learner-ls-tier-1);border-color:var(--learner-ls-tier-1)}[data-zone=learner] .hapio-lhp-sz-hero[data-tier="1"] .hapio-lhp-sz-hero__name b{color:var(--learner-ls-tier-1)}[data-zone=learner] .hapio-lhp-sz-hero[data-tier="2"] .hapio-lhp-sz-hero__badge,[data-zone=learner] .hapio-lhp-sz-hero[data-tier="2"] .hapio-lhp-sz-hero__lvl{background:var(--learner-ls-tier-2-bg);color:var(--learner-ls-tier-2);border-color:var(--learner-ls-tier-2)}[data-zone=learner] .hapio-lhp-sz-hero[data-tier="2"] .hapio-lhp-sz-hero__name b{color:var(--learner-ls-tier-2)}[data-zone=learner] .hapio-lhp-sz-hero[data-tier="3"] .hapio-lhp-sz-hero__badge,[data-zone=learner] .hapio-lhp-sz-hero[data-tier="3"] .hapio-lhp-sz-hero__lvl{background:var(--learner-ls-tier-3-bg);color:var(--learner-ls-tier-3);border-color:var(--learner-ls-tier-3)}[data-zone=learner] .hapio-lhp-sz-hero[data-tier="3"] .hapio-lhp-sz-hero__name b{color:var(--learner-ls-tier-3)}[data-zone=learner] .hapio-lhp-sz-hero[data-tier="4"] .hapio-lhp-sz-hero__badge,[data-zone=learner] .hapio-lhp-sz-hero[data-tier="4"] .hapio-lhp-sz-hero__lvl{background:var(--learner-ls-tier-4-bg);color:var(--learner-ls-tier-4);border-color:var(--learner-ls-tier-4)}[data-zone=learner] .hapio-lhp-sz-hero[data-tier="4"] .hapio-lhp-sz-hero__name b{color:var(--learner-ls-tier-4)}[data-zone=learner] .hapio-lhp-sz-hero[data-tier="5"] .hapio-lhp-sz-hero__badge,[data-zone=learner] .hapio-lhp-sz-hero[data-tier="5"] .hapio-lhp-sz-hero__lvl{background:var(--learner-ls-tier-5-bg);color:var(--learner-ls-tier-5);border-color:var(--learner-ls-tier-5)}[data-zone=learner] .hapio-lhp-sz-hero[data-tier="5"] .hapio-lhp-sz-hero__name b{color:var(--learner-ls-tier-5)}[data-zone=learner] .hapio-lhp-sz-hero__xp{display:flex;align-items:baseline;gap:7px;margin-top:3px}[data-zone=learner] .hapio-lhp-sz-hero__num{font-size:var(--learner-text-2xl);font-weight:700;line-height:1.1;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-sz-hero__unit{font-size:var(--learner-text-sm);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-sz-hero__prog{margin-top:13px}[data-zone=learner] .hapio-lhp-sz-hero__progrow{display:flex;justify-content:space-between;gap:12px;font-size:var(--learner-text-xs);color:var(--learner-color-text-muted);margin-bottom:5px}[data-zone=learner] .hapio-lhp-sz-hero__progrow b{color:var(--learner-color-brand);font-weight:600}[data-zone=learner] .hapio-lhp-sz-bar{height:8px;border-radius:999px;overflow:hidden;background:var(--learner-color-surface-soft)}[data-zone=learner] .hapio-lhp-sz-bar>div{height:100%;border-radius:999px;background:var(--learner-color-brand);transition:width .5s ease}[data-zone=learner] .hapio-lhp-sz-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}[data-zone=learner] .hapio-lhp-sz-metric{background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:12px;padding:12px 14px}[data-zone=learner] .hapio-lhp-sz-metric__lb{display:flex;align-items:center;gap:6px;font-size:var(--learner-text-xs);color:var(--learner-color-text-muted);margin-bottom:6px}[data-zone=learner] .hapio-lhp-sz-metric__lb.is-streak{color:var(--learner-color-learning)}[data-zone=learner] .hapio-lhp-sz-metric__ic{width:14px;height:14px}[data-zone=learner] .hapio-lhp-sz-metric__v{font-size:var(--learner-text-2xl);font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-sz-metric__v small{font-size:var(--learner-text-xs);font-weight:500;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-sz-recent{background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:14px;padding:13px 16px 5px}[data-zone=learner] .hapio-lhp-sz-recent__title{margin:0 0 6px;font-size:var(--learner-text-base);font-weight:600;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-sz-recent__row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 0;border:0;border-top:1px solid var(--learner-color-border-soft);background:none;text-align:left;cursor:pointer}[data-zone=learner] .hapio-lhp-sz-recent__thumb{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:9px;flex-shrink:0;background:var(--learner-color-brand-soft);color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-sz-recent__thumb svg{width:19px;height:19px}[data-zone=learner] .hapio-lhp-sz-recent__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}[data-zone=learner] .hapio-lhp-sz-recent__name{font-size:var(--learner-text-sm);font-weight:500;color:var(--learner-color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-zone=learner] .hapio-lhp-sz-recent__row:hover .hapio-lhp-sz-recent__name{color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-sz-recent__meta{display:flex;align-items:center;gap:7px;font-size:var(--learner-text-xs);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-sz-recent__pill{font-size:10.5px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--learner-color-brand-soft);color:var(--learner-color-brand);text-transform:uppercase}[data-zone=learner] .hapio-lhp-sz-recent__right{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex-shrink:0}[data-zone=learner] .hapio-lhp-sz-recent__xp{font-size:var(--learner-text-sm);font-weight:600;color:var(--learner-color-success)}[data-zone=learner] .hapio-lhp-sz-recent__tm{font-size:var(--learner-text-xs);color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-sz-empty{background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:16px;padding:26px 20px;text-align:center}[data-zone=learner] .hapio-lhp-sz-empty__ic{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:var(--learner-color-brand-soft);color:var(--learner-color-brand);margin-bottom:10px}[data-zone=learner] .hapio-lhp-sz-empty__ic svg{width:26px;height:26px}[data-zone=learner] .hapio-lhp-sz-empty__title{margin:0 0 4px;font-size:var(--learner-text-lg);font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-sz-empty__sub{margin:0 auto;max-width:460px;font-size:var(--learner-text-sm);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-sz-sugg{margin-top:18px;text-align:left}[data-zone=learner] .hapio-lhp-sz-cta{display:inline-flex;align-items:center;gap:7px;margin-top:18px;padding:10px 20px;border:0;border-radius:10px;background:var(--learner-color-brand);color:var(--learner-color-on-accent);font-size:var(--learner-text-sm);font-weight:600;cursor:pointer}[data-zone=learner] .hapio-lhp-sz-cta:hover{background:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-sz-cta__ic{width:16px;height:16px}[data-zone=learner] .hapio-lhp-sz-savedcount{margin:0;font-size:var(--learner-text-sm);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-sz-emptyline{padding:26px 16px;border:1px dashed var(--learner-color-border-strong);border-radius:14px;text-align:center;font-size:var(--learner-text-sm);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-sz-emptyline__ic{width:14px;height:14px;vertical-align:-2px;color:var(--learner-color-danger)}[data-zone=learner] .hapio-lhp-sz-skel__hero{height:130px;border-radius:16px;background:var(--learner-color-surface-soft);margin-bottom:10px}[data-zone=learner] .hapio-lhp-sz-skel__row{height:84px;border-radius:12px;background:var(--learner-color-surface-soft)}@media (max-width:640px){[data-zone=learner] .hapio-lhp-sz-tabs{overflow-x:auto}[data-zone=learner] .hapio-lhp-sz-hero__badge{width:48px;height:48px;border-radius:13px}[data-zone=learner] .hapio-lhp-sz-hero__num{font-size:var(--learner-text-xl)}}[data-css-theme] [data-zone=learner] .lhphuc-voca-emptystate{background:var(--learner-color-surface-soft);border:2px dashed var(--learner-color-border);border-radius:var(--learner-radius-lg);padding:var(--learner-space-8);text-align:center;color:var(--learner-color-text-muted)}[data-css-theme] [data-zone=learner] .lhphuc-voca-emptystate__icon{font-size:48px;color:var(--learner-color-text-subtle);margin-bottom:var(--learner-space-3)}[data-css-theme] [data-zone=learner] .lhphuc-voca-emptystate__title{color:var(--learner-color-text-strong);font-size:var(--learner-text-lg);font-weight:700;margin-bottom:var(--learner-space-2)}[data-css-theme] [data-zone=learner] .lhphuc-voca-emptystate__text{color:var(--learner-color-text-muted);font-size:var(--learner-text-sm);line-height:1.55;max-width:420px;margin:0 auto}[data-css-theme] [data-zone=learner] .lhphuc-voca-list-card{background:var(--learner-color-surface);border:1px solid var(--learner-color-border-soft);border-radius:var(--learner-radius-md);padding:var(--learner-space-4);display:flex;flex-direction:column;gap:var(--learner-space-2);transition:box-shadow var(--learner-duration-base) var(--learner-ease-out)}[data-css-theme] [data-zone=learner] .lhphuc-voca-list-card:hover{box-shadow:var(--learner-shadow-sm)}[data-css-theme] [data-zone=learner] .lhphuc-voca-list-card__title{color:var(--learner-color-text-strong);font-weight:700;font-size:var(--learner-text-md)}[data-css-theme] [data-zone=learner] .lhphuc-voca-list-card__text{color:var(--learner-color-text);font-size:var(--learner-text-sm);line-height:1.55}[data-css-theme] [data-zone=learner] .lhphuc-voca-list-card__meta{color:var(--learner-color-text-muted);font-size:var(--learner-text-xs);font-weight:600}[data-css-theme] [data-zone=learner] .lhphuc-voca-list-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--learner-space-3)}[data-css-theme] [data-zone=learner] .lhphuc-voca-workspacerail__panel{background:var(--learner-color-surface);border:1px solid var(--learner-color-border-soft);border-radius:var(--learner-radius-lg);padding:var(--learner-space-5);margin-bottom:var(--learner-space-3);box-shadow:var(--learner-shadow-xs)}[data-css-theme] [data-zone=learner] .lhphuc-voca-workspacerail__eyebrow{color:var(--learner-color-brand-strong);font-size:var(--learner-text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--learner-space-2)}[data-css-theme] [data-zone=learner] .lhphuc-voca-kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--learner-space-3)}[data-css-theme] [data-zone=learner] .lhphuc-voca-dashboard{background:var(--learner-color-page);color:var(--learner-color-text);font-family:var(--learner-font-body)}[data-css-theme] [data-zone=learner] .lhphuc-voca-dashboard-topbar{background:var(--learner-color-surface);border-bottom:1px solid var(--learner-color-border-soft);padding:var(--learner-space-3) var(--learner-space-5)}[data-css-theme] [data-zone=learner] .lhphuc-voca-dashboard-title{color:var(--learner-color-text-strong);font-size:var(--learner-text-lg);font-weight:700}[data-css-theme] [data-zone=learner] .lhphuc-voca-runtime-grid{display:grid;gap:var(--learner-space-4)}[data-css-theme] [data-zone=learner] .lhphuc-voca-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--learner-space-3)}[data-css-theme] [data-zone=learner] .lhphuc-voca-pbb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--learner-space-2);padding:10px var(--learner-space-4);border-radius:var(--learner-radius-pill);font-weight:600;border:0;cursor:pointer;background:var(--learner-color-brand);color:var(--learner-color-text-inverse);transition:background var(--learner-duration-fast) var(--learner-ease-out)}[data-css-theme] [data-zone=learner] .lhphuc-voca-pbb-btn:hover{background:var(--learner-color-brand-strong)}[data-css-theme] [data-zone=learner] .lhphuc-voca-pbb-btn__state{font-size:var(--learner-text-xs);opacity:.85}[data-css-theme] [data-zone=learner] .lhphuc-voca-note{background:var(--learner-color-info-soft);color:var(--learner-color-info);padding:var(--learner-space-3) var(--learner-space-4);border-radius:var(--learner-radius-md);border-left:3px solid var(--learner-color-info)}[data-css-theme] [data-zone=learner] .lhphuc-voca-badge-earned{background:linear-gradient(135deg,var(--learner-color-warning) 0,#f59e0b 100%);color:#ffffff;border-radius:var(--learner-radius-pill);padding:var(--learner-space-1) var(--learner-space-3);font-size:var(--learner-text-xs);font-weight:700;box-shadow:0 2px 8px rgba(217,119,6,.3)}[data-css-theme] [data-zone=learner] .lhphuc-voca-new__btn{background:var(--learner-color-brand);color:var(--learner-color-text-inverse);border-radius:var(--learner-radius-pill);padding:10px 18px;font-weight:600;border:0;display:inline-flex;align-items:center;gap:var(--learner-space-2);cursor:pointer;transition:background var(--learner-duration-fast) var(--learner-ease-out)}[data-css-theme] [data-zone=learner] .lhphuc-voca-new__btn:hover{background:var(--learner-color-brand-strong)}[data-css-theme] [data-zone=learner] .lhphuc-voca-new__btn-lbl{font-weight:600}[data-css-theme] [data-zone=learner] .lhphuc-voca-dashboard-settings__auto,[data-css-theme] [data-zone=learner] .lhphuc-voca-dashboard-settings__daily,[data-css-theme] [data-zone=learner] .lhphuc-voca-dashboard-settings__toggle{display:flex;align-items:center;gap:var(--learner-space-3);margin-top:var(--learner-space-3)}[data-css-theme] [data-zone=learner] [data-quiz]{--lv-quiz-surface:var(--learner-color-surface);--lv-quiz-surface-soft:var(--learner-color-surface-soft);--lv-quiz-border:var(--learner-color-border);--lv-quiz-border-soft:var(--learner-color-border-soft);--lv-quiz-text:var(--learner-color-text);--lv-quiz-text-muted:var(--learner-color-text-muted);--lv-quiz-brand:var(--learner-color-brand);--lv-quiz-correct:var(--learner-color-success);--lv-quiz-correct-soft:var(--learner-color-success-soft);--lv-quiz-wrong:var(--learner-color-danger);--lv-quiz-wrong-soft:var(--learner-color-danger-soft)}[data-css-theme] [data-zone=learner] [data-quiz] .lhp-quiz-shell,[data-css-theme] [data-zone=learner] [data-quiz] .lhphuc-voca-quiz-shell{background:var(--lv-quiz-surface);border-radius:var(--learner-radius-lg);border:1px solid var(--lv-quiz-border-soft);box-shadow:none}[data-css-theme] [data-zone=learner] [data-quiz] .lhp-quiz-prompt,[data-css-theme] [data-zone=learner] [data-quiz] .lhphuc-voca-quiz-prompt{color:var(--lv-quiz-text);font-weight:600}[data-css-theme] [data-zone=learner] [data-quiz] .lhp-quiz-option,[data-css-theme] [data-zone=learner] [data-quiz] .lhphuc-voca-option{background:var(--lv-quiz-surface);border:1px solid var(--lv-quiz-border);border-radius:var(--learner-radius-sm);transition:background var(--learner-duration-fast),border-color var(--learner-duration-fast)}[data-css-theme] [data-zone=learner] [data-quiz] .lhp-quiz-option:hover,[data-css-theme] [data-zone=learner] [data-quiz] .lhphuc-voca-option:hover{background:var(--lv-quiz-surface-soft);border-color:var(--lv-quiz-brand)}[data-css-theme] [data-zone=learner] [data-quiz] .lhp-quiz-option.is-correct,[data-css-theme] [data-zone=learner] [data-quiz] .lhphuc-voca-option.is-correct{background:var(--lv-quiz-correct-soft);border-color:var(--lv-quiz-correct);color:var(--lv-quiz-correct)}[data-css-theme] [data-zone=learner] [data-quiz] .lhp-quiz-option.is-wrong,[data-css-theme] [data-zone=learner] [data-quiz] .lhphuc-voca-option.is-wrong{background:var(--lv-quiz-wrong-soft);border-color:var(--lv-quiz-wrong);color:var(--lv-quiz-wrong)}[data-css-theme] [data-zone=learner] [data-quiz] .lhp-timer{background:var(--lv-quiz-surface-soft);border-radius:var(--learner-radius-pill);color:var(--lv-quiz-text-muted)}[data-css-theme] [data-zone=learner] [data-quiz=dictation] .lhp-dic-input,[data-css-theme] [data-zone=learner] [data-quiz=dictation] input[type=text]{padding:var(--learner-space-3) var(--learner-space-4);border-radius:var(--learner-radius-sm);border:1px solid var(--lv-quiz-border);background:var(--lv-quiz-surface);color:var(--lv-quiz-text);font-size:var(--learner-text-md)}[data-css-theme] [data-zone=learner] [data-quiz=dictation] .lhp-dic-input:focus,[data-css-theme] [data-zone=learner] [data-quiz=dictation] input[type=text]:focus{border-color:var(--lv-quiz-brand);box-shadow:0 0 0 3px var(--learner-color-brand-soft);outline:none}[data-css-theme] [data-zone=learner] [data-quiz=dictation] .lhp-dic-token--correct{color:var(--lv-quiz-correct)}[data-css-theme] [data-zone=learner] [data-quiz=dictation] .lhp-dic-token--wrong{color:var(--lv-quiz-wrong);text-decoration:line-through}[data-css-theme] [data-zone=learner] [data-quiz=reading-multi] .lhp-rm-passage,[data-css-theme] [data-zone=learner] [data-quiz=reading-multi] .lhphuc-voca-reading-passage{background:var(--lv-quiz-surface);border:1px solid var(--lv-quiz-border-soft);border-radius:var(--learner-radius-md);padding:var(--learner-space-5);font-size:var(--learner-text-md);line-height:1.65;color:var(--lv-quiz-text)}[data-css-theme] [data-zone=learner] [data-quiz=reading-multi] .lhp-rm-question{font-weight:600;color:var(--lv-quiz-text);margin-top:var(--learner-space-5)}[data-css-theme] [data-zone=learner] [data-quiz=reading-multi] .lhp-rm-question__index{background:var(--lv-quiz-brand);color:var(--learner-color-text-inverse);border-radius:var(--learner-radius-pill);padding:2px 10px;font-size:var(--learner-text-xs)}[data-css-theme] [data-zone=learner] [data-quiz=vocab] .lhp-mcq-option,[data-css-theme] [data-zone=learner] [data-quiz=vocab] .lhp-wp-tile,[data-css-theme] [data-zone=learner] [data-quiz=vocab] .lhphuc-voca-tile{background:var(--lv-quiz-surface);border:1px solid var(--lv-quiz-border);border-radius:var(--learner-radius-sm);padding:10px 14px;font-size:var(--learner-text-base);color:var(--lv-quiz-text);transition:all var(--learner-duration-fast) var(--learner-ease-out)}[data-css-theme] [data-zone=learner] [data-quiz=vocab] .lhp-mcq-option:hover,[data-css-theme] [data-zone=learner] [data-quiz=vocab] .lhp-wp-tile:hover{background:var(--lv-quiz-surface-soft);border-color:var(--lv-quiz-brand)}[data-css-theme] [data-zone=learner] [data-quiz=vocab] .lhp-mcq-option--selected,[data-css-theme] [data-zone=learner] [data-quiz=vocab] .lhp-wp-tile--selected{background:var(--learner-color-brand-soft);border-color:var(--lv-quiz-brand);color:var(--learner-color-brand-strong)}[data-css-theme] [data-zone=learner] [data-quiz=vocab] .lhphuc-voca-word-card{background:var(--lv-quiz-surface);border-radius:var(--learner-radius-md);border:1px solid var(--lv-quiz-border-soft);box-shadow:var(--learner-shadow-sm);padding:var(--learner-space-5)}[data-css-theme] [data-zone=learner] .lhp-fmw{background:var(--learner-color-surface);border-radius:var(--learner-radius-lg);padding:var(--learner-space-5);border:1px solid var(--learner-color-border-soft)}[data-css-theme] [data-zone=learner] .lhp-fmw__sentence{font-size:var(--learner-text-lg);line-height:1.7;color:var(--learner-color-text)}[data-css-theme] [data-zone=learner] .lhp-fmw__slot{background:var(--learner-color-surface-soft);border:1.5px dashed var(--learner-color-border);border-radius:var(--learner-radius-sm);padding:var(--learner-space-1) var(--learner-space-3);color:var(--learner-color-text-muted);font-weight:600;margin:0 var(--learner-space-1)}[data-css-theme] [data-zone=learner] .lhp-fmw__slot--filled{background:var(--learner-color-brand-soft);border-color:var(--learner-color-brand);color:var(--learner-color-brand-strong);border-style:solid}[data-css-theme] [data-zone=learner] .lhp-fmw__slot--fixed{background:transparent;border:0;padding:0;color:var(--learner-color-text)}[data-css-theme] [data-zone=learner] .lhp-fmw__word{background:var(--learner-color-surface);border:1.5px solid var(--learner-color-border);border-radius:var(--learner-radius-sm);padding:var(--learner-space-2) 14px;font-weight:600;cursor:pointer;transition:all var(--learner-duration-fast) var(--learner-ease-out)}[data-css-theme] [data-zone=learner] .lhp-fmw__word:hover{border-color:var(--learner-color-brand);background:var(--learner-color-brand-soft)}[data-css-theme] [data-zone=learner] .lhp-fmw__word--used,[data-css-theme] [data-zone=learner] .lhp-fmw__word.is-used{opacity:.4;pointer-events:none}[data-css-theme] [data-zone=learner] .lhp-fmw__feedback{margin-top:var(--learner-space-4);padding:var(--learner-space-3) var(--learner-space-4);border-radius:var(--learner-radius-md);font-weight:600}[data-css-theme] [data-zone=learner] .lhp-sp__option{background:var(--learner-color-surface);border:1.5px solid var(--learner-color-border);border-radius:var(--learner-radius-md);padding:var(--learner-space-3) var(--learner-space-4);padding-left:44px;cursor:pointer;transition:all var(--learner-duration-fast) var(--learner-ease-out);color:var(--learner-color-text)}[data-css-theme] [data-zone=learner] .lhp-sp__option:hover{border-color:var(--learner-color-brand);background:var(--learner-color-brand-soft)}[data-css-theme] [data-zone=learner] .lhp-sp__vi-badge{background:var(--learner-color-warning-soft);color:var(--learner-color-warning);border-radius:var(--learner-radius-pill);padding:2px var(--learner-space-2);font-size:var(--learner-text-xs);font-weight:700}[data-css-theme] [data-zone=learner] .lhp-sr__block{background:var(--learner-color-surface);border:1.5px solid var(--learner-color-border);border-radius:var(--learner-radius-sm);padding:var(--learner-space-2) 14px;cursor:grab;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all var(--learner-duration-fast) var(--learner-ease-out)}[data-css-theme] [data-zone=learner] .lhp-sr__block:hover{border-color:var(--learner-color-brand);background:var(--learner-color-brand-soft)}[data-css-theme] [data-zone=learner] .lhp-sr__block.is-selected{background:var(--learner-color-brand);color:var(--learner-color-text-inverse);border-color:var(--learner-color-brand)}[data-css-theme] [data-zone=learner] .lhp-sr__feedback{margin-top:var(--learner-space-4);padding:var(--learner-space-3) var(--learner-space-4);border-radius:var(--learner-radius-md);font-weight:600}[data-css-theme] [data-zone=learner] .lhp-sr__explain{color:var(--learner-color-text-muted);font-size:var(--learner-text-sm);margin-top:var(--learner-space-2)}[data-css-theme] [data-zone=learner] .lhp-ss{background:var(--learner-color-surface);border:1px solid var(--learner-color-border-soft);border-radius:var(--learner-radius-lg);padding:var(--learner-space-5)}[data-css-theme] [data-zone=learner] .lhp-ss__word{background:transparent;border-radius:var(--learner-radius-sm);padding:2px var(--learner-space-2);margin:0 2px;cursor:pointer;transition:background-color var(--learner-duration-fast) var(--learner-ease-out),color var(--learner-duration-fast) var(--learner-ease-out),text-decoration-color var(--learner-duration-fast) var(--learner-ease-out)}[data-css-theme] [data-zone=learner] .lhp-ss__feedback,[data-css-theme] [data-zone=learner] .lhp-ss__msg-explain{margin-top:var(--learner-space-4);padding:0;border-radius:0;background:transparent;color:var(--learner-color-text);text-align:left}[data-css-theme] [data-zone=learner] .lhp-hiw__word{background:transparent;border-radius:var(--learner-radius-sm);padding:2px var(--learner-space-2);margin:0 2px;cursor:pointer;transition:background-color var(--learner-duration-fast) var(--learner-ease-out),color var(--learner-duration-fast) var(--learner-ease-out),text-decoration-color var(--learner-duration-fast) var(--learner-ease-out),transform var(--learner-duration-fast) var(--learner-ease-out)}[data-css-theme] [data-zone=learner] .lhp-hiw__word:hover{background:var(--learner-color-brand-soft)}[data-css-theme] [data-zone=learner] .lhp-hiw__word.is-selected{background:var(--learner-color-brand);color:var(--learner-color-text-inverse)}[data-css-theme] [data-zone=learner] .lhp-hiw__feedback{margin-top:var(--learner-space-4);padding:0;border-radius:0;background:transparent;text-align:left}[data-css-theme] [data-zone=learner] .lhp-wp__option,[data-css-theme] [data-zone=learner] .lhp-wp__tile{background:var(--learner-color-surface);border:1.5px solid var(--learner-color-border);border-radius:var(--learner-radius-md);padding:var(--learner-space-3) var(--learner-space-4);cursor:pointer;font-weight:600;transition:all var(--learner-duration-fast) var(--learner-ease-out)}[data-css-theme] [data-zone=learner] .lhp-wp__option:hover,[data-css-theme] [data-zone=learner] .lhp-wp__tile:hover{border-color:var(--learner-color-brand);background:var(--learner-color-brand-soft)}[data-css-theme] [data-zone=learner] .lhp-mcq-option,[data-css-theme] [data-zone=learner] .lhp-mcq__option{background:var(--learner-color-surface);border:1.5px solid var(--learner-color-border);border-radius:var(--learner-radius-md);padding:var(--learner-space-3) var(--learner-space-4);cursor:pointer;font-weight:500;font-size:var(--learner-text-base);transition:all var(--learner-duration-fast) var(--learner-ease-out)}[data-css-theme] [data-zone=learner] .lhp-mcq-option:hover,[data-css-theme] [data-zone=learner] .lhp-mcq__option:hover{border-color:var(--learner-color-brand);background:var(--learner-color-brand-soft)}[data-css-theme] [data-zone=learner] .lhphuc-voca__quiz-card{border:none;padding:var(--learner-space-5);background:transparent;border-radius:0;box-shadow:none}[data-css-theme] [data-zone=learner] .lhp-timer,[data-css-theme] [data-zone=learner] .lhphuc-voca-timer{background:var(--learner-color-surface-soft);border-radius:var(--learner-radius-pill);color:var(--learner-color-text-muted);padding:var(--learner-space-1) var(--learner-space-3);font-weight:700;font-variant-numeric:tabular-nums}[data-css-theme] [data-zone=learner] .lhp-timer--warning,[data-css-theme] [data-zone=learner] .lhp-timer.is-warning{background:var(--learner-color-warning-soft);color:var(--learner-color-warning)}[data-css-theme] [data-zone=learner] .lhp-timer--danger,[data-css-theme] [data-zone=learner] .lhp-timer.is-danger{background:var(--learner-color-danger-soft);color:var(--learner-color-danger)}[data-css-theme] [data-zone=learner] .lhp-btn-check{background:var(--learner-color-brand);color:var(--learner-color-text-inverse);border-radius:var(--learner-radius-pill);padding:10px var(--learner-space-5);font-weight:600;border:0;cursor:pointer;transition:background var(--learner-duration-fast) var(--learner-ease-out)}[data-css-theme] [data-zone=learner] .lhp-btn-check:hover{background:var(--learner-color-brand-strong)}[data-css-theme] [data-zone=learner] .lhp-btn-check:disabled{background:var(--learner-color-border);color:var(--learner-color-text-subtle);cursor:not-allowed}[data-css-theme=dark] [data-zone=learner] .lhp-ss__hint{background:var(--learner-color-surface-soft);border-color:var(--learner-color-border);color:var(--learner-color-text)}[data-css-theme=dark] [data-zone=learner] .lhp-hiw__btn--hint{background:var(--learner-color-brand-soft);border-color:var(--learner-color-brand-border);color:var(--learner-color-brand-strong)}[data-css-theme] .badge-popup{background:var(--learner-color-surface);border:1px solid var(--learner-color-border-soft);border-radius:var(--learner-radius-lg);box-shadow:var(--learner-shadow-pop);color:var(--learner-color-text)}[data-css-theme] .badge-popup__title{color:var(--learner-color-text-strong);font-weight:700}[data-css-theme] .badge-popup__subtitle{color:var(--learner-color-text-muted)}[data-css-theme] .score-delta{font-weight:700;text-shadow:0 2px 8px rgba(15,23,42,.16)}[data-css-theme] .score-delta--up{color:var(--learner-color-success)}[data-css-theme] .score-delta--down{color:var(--learner-color-danger)}[data-css-theme] .lhp-report-fab,[data-css-theme] .lhphuc-report-fab{background:var(--learner-color-brand);color:var(--learner-color-text-inverse);border-radius:var(--learner-radius-pill);box-shadow:var(--learner-shadow-md);border:0;font-weight:600;padding:10px 18px;transition:transform var(--learner-duration-fast) var(--learner-ease-out),box-shadow var(--learner-duration-fast) var(--learner-ease-out)}[data-css-theme] .lhp-report-fab:hover,[data-css-theme] .lhphuc-report-fab:hover{transform:translateY(-1px);box-shadow:var(--learner-shadow-lg)}[data-css-theme] .lhp-report-fab.is-in-topbar{background:transparent;color:var(--learner-color-warning);box-shadow:none;padding:6px 10px}[data-css-theme] .lhp-report-fab.is-in-topbar:hover{background:var(--learner-color-warning-soft);transform:none}[data-css-theme] .lhp-report-modal,[data-css-theme] .lhphuc-report-popup,[data-css-theme] .report-popup{background:var(--learner-color-surface);border:1px solid var(--learner-color-border-soft);border-radius:var(--learner-radius-lg);box-shadow:var(--learner-shadow-pop);padding:var(--learner-space-6)}[data-css-theme] .lhphuc-report-popup h2,[data-css-theme] .report-popup h2{color:var(--learner-color-text-strong)}[data-css-theme] .review-stamp{background:var(--learner-color-surface);border-radius:var(--learner-radius-md);box-shadow:var(--learner-shadow-md)}[data-css-theme] .review-stamp--again{border-left:4px solid var(--learner-color-danger)}[data-css-theme] .review-stamp--hard{border-left:4px solid var(--learner-color-warning)}[data-css-theme] .review-stamp--good{border-left:4px solid var(--learner-color-info)}[data-css-theme] .review-stamp--easy{border-left:4px solid var(--learner-color-success)}[data-css-theme] .lhp-modal-backdrop,[data-css-theme] .lhphuc-voca-modal-backdrop{background:rgba(15,23,42,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}[data-css-theme] .lhp-created-modal,[data-css-theme] .lhp-modal,[data-css-theme] .lhphuc-voca-modal{background:var(--learner-color-surface);border-radius:var(--learner-radius-lg);box-shadow:var(--learner-shadow-pop);border:1px solid var(--learner-color-border-soft)}[data-css-theme] .lhp-modal h2,[data-css-theme] .lhphuc-voca-modal h2{color:var(--learner-color-text-strong)}[data-css-theme] .lhp-answer-toast,[data-css-theme] .lhphuc-voca-answer-toast{border-radius:var(--learner-radius-md);box-shadow:var(--learner-shadow-md);padding:var(--learner-space-3) var(--learner-space-5);font-weight:600}[data-css-theme] .lhp-answer-toast--correct,[data-css-theme] .lhphuc-voca-answer-toast--correct{background:var(--learner-color-success-soft);color:var(--learner-color-success);border:1px solid var(--learner-color-success)}[data-css-theme] .lhp-answer-toast--wrong,[data-css-theme] .lhphuc-voca-answer-toast--wrong{background:var(--learner-color-danger-soft);color:var(--learner-color-danger);border:1px solid var(--learner-color-danger)}.hapio-lhp-gtp-root{position:fixed;inset:0;z-index:100090;display:flex;align-items:center;justify-content:center;padding:var(--learner-space-4,16px)}.hapio-lhp-gtp-scrim{position:absolute;inset:0;background:var(--learner-color-scrim,rgba(15,23,42,.55));backdrop-filter:blur(4px)}.hapio-lhp-gtp-card{position:relative;width:min(760px,100%);max-height:min(86vh,720px);flex-direction:column;padding:var(--learner-space-5,20px);border:1px solid var(--learner-color-border,#e2e8f0);border-radius:var(--learner-radius-lg,20px);background:var(--learner-color-surface,#ffffff);box-shadow:var(--learner-shadow-pop,0 24px 48px rgba(15,23,42,.16));overflow:hidden}.hapio-lhp-gtp-card,.hapio-lhp-gtp-head{display:flex;gap:var(--learner-space-3,12px)}.hapio-lhp-gtp-head{align-items:flex-start}.hapio-lhp-gtp-icon{width:40px;height:40px;flex:0 0 40px;display:inline-grid;place-items:center;border-radius:12px;color:var(--learner-color-on-accent,#ffffff);background:var(--learner-color-brand-gradient,linear-gradient(135deg,#3b82f6,#06b6d4))}.hapio-lhp-gtp-icon svg{width:20px;height:20px}.hapio-lhp-gtp-headtext{flex:1 1 auto;min-width:0}.hapio-lhp-gtp-title{font-size:var(--learner-text-lg,18px);font-weight:700;color:var(--learner-color-text-strong,#020617)}.hapio-lhp-gtp-sub{margin-top:2px;font-size:var(--learner-text-sm,13px);color:var(--learner-color-text-muted,#64748b)}.hapio-lhp-gtp-x{flex:0 0 auto;width:32px;height:32px;display:inline-grid;place-items:center;border:0;border-radius:50%;background:var(--learner-color-surface-soft,#f1f5f9);color:var(--learner-color-text-muted,#64748b);cursor:pointer;transition:color var(--learner-duration-fast,.12s)}.hapio-lhp-gtp-x:hover{color:var(--learner-color-text,#0f172a)}.hapio-lhp-gtp-x svg{width:16px;height:16px}.hapio-lhp-gtp-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--learner-space-2,8px)}.hapio-lhp-gtp-count{font-size:var(--learner-text-sm,13px);font-weight:600;color:var(--learner-color-text-muted,#64748b);padding:3px 10px;border-radius:var(--learner-radius-pill,999px);background:var(--learner-color-surface-soft,#f1f5f9)}.hapio-lhp-gtp-count b{color:var(--learner-color-brand,#2563eb)}.hapio-lhp-gtp-toolbtns{display:flex;gap:var(--learner-space-2,8px)}.hapio-lhp-gtp-tool{border:1px solid var(--learner-color-border,#e2e8f0);border-radius:var(--learner-radius-pill,999px);background:var(--learner-color-surface,#ffffff);color:var(--learner-color-text-body,#334155);font:inherit;font-size:var(--learner-text-sm,13px);font-weight:600;padding:5px 12px;cursor:pointer;transition:background var(--learner-duration-fast,.12s)}.hapio-lhp-gtp-tool:hover:not(:disabled){background:var(--learner-color-surface-soft,#f1f5f9)}.hapio-lhp-gtp-tool:disabled{opacity:.5;cursor:not-allowed}.hapio-lhp-gtp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--learner-space-2,8px);overflow-y:auto;padding:2px}.hapio-lhp-gtp-item{display:flex;align-items:center;gap:var(--learner-space-2,8px);padding:12px 14px;border:1px solid var(--learner-color-border,#e2e8f0);border-radius:var(--learner-radius-md,14px);background:var(--learner-color-surface-soft,#f1f5f9);cursor:pointer;transition:border-color var(--learner-duration-fast,.12s),background var(--learner-duration-fast,.12s)}.hapio-lhp-gtp-item:hover{border-color:var(--learner-color-border-strong,#cbd5e1)}.hapio-lhp-gtp-item.is-on{border-color:var(--learner-color-brand,#2563eb);background:var(--learner-color-brand-soft,#eff6ff)}.hapio-lhp-gtp-input{position:absolute;width:0;height:0;opacity:0}.hapio-lhp-gtp-box{width:20px;height:20px;flex:0 0 20px;display:inline-grid;place-items:center;border:1.5px solid var(--learner-color-border-strong,#cbd5e1);border-radius:6px;background:var(--learner-color-surface,#ffffff);color:transparent;transition:border-color var(--learner-duration-fast,.12s),background var(--learner-duration-fast,.12s),color var(--learner-duration-fast,.12s)}.hapio-lhp-gtp-box svg{width:13px;height:13px}.hapio-lhp-gtp-item.is-on .hapio-lhp-gtp-box{border-color:var(--learner-color-brand,#2563eb);background:var(--learner-color-brand,#2563eb);color:var(--learner-color-on-accent,#ffffff)}.hapio-lhp-gtp-name{font-size:var(--learner-text-xs,12px);font-weight:400;color:var(--learner-color-text-body,#334155)}.hapio-lhp-gtp-item.is-on .hapio-lhp-gtp-name{color:var(--learner-color-text-strong,#020617)}.hapio-lhp-gtp-loading{padding:28px;text-align:center;font-size:var(--learner-text-sm,13px)}.hapio-lhp-gtp-loading,.hapio-lhp-gtp-status{color:var(--learner-color-text-muted,#64748b)}.hapio-lhp-gtp-status{font-size:var(--learner-text-xs,12px)}.hapio-lhp-gtp-actions{display:flex;justify-content:flex-end;gap:var(--learner-space-2,8px);padding-top:var(--learner-space-1,4px)}.hapio-lhp-gtp-btn{height:40px;padding:0 20px;border:0;border-radius:var(--learner-radius-pill,999px);font:inherit;font-size:var(--learner-text-sm,13px);font-weight:700;cursor:pointer;transition:filter var(--learner-duration-fast,.12s),background var(--learner-duration-fast,.12s)}.hapio-lhp-gtp-btn:disabled{opacity:.6;cursor:not-allowed}.hapio-lhp-gtp-btn--ghost{border:1px solid var(--learner-color-border,#e2e8f0);background:var(--learner-color-surface,#ffffff);color:var(--learner-color-text-body,#334155)}.hapio-lhp-gtp-btn--ghost:hover:not(:disabled){background:var(--learner-color-surface-soft,#f1f5f9)}.hapio-lhp-gtp-btn--pri{background:var(--learner-color-brand-gradient,linear-gradient(135deg,#3b82f6,#06b6d4));color:var(--learner-color-on-accent,#ffffff)}.hapio-lhp-gtp-btn--pri:hover:not(:disabled){filter:brightness(1.06)}.hapio-lhp-gtp-explain{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 14px;border:1px solid var(--learner-color-border,#e2e8f0);border-radius:var(--learner-radius-md,14px);background:var(--learner-color-surface-soft,#f1f5f9)}.hapio-lhp-gtp-explain-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.hapio-lhp-gtp-explain-title{font-size:var(--learner-text-sm,13px);font-weight:700;color:var(--learner-color-text-strong,#0f172a)}.hapio-lhp-gtp-explain-sub{font-size:var(--learner-text-xs,12px);color:var(--learner-color-text-muted,#64748b)}.hapio-lhp-gtp-switch{position:relative;flex:0 0 auto;width:44px;height:26px;padding:0;border:0;border-radius:var(--learner-radius-pill,999px);background:var(--learner-color-border-strong,#cbd5e1);cursor:pointer;transition:background-color var(--learner-duration-base,.2s)}.hapio-lhp-gtp-switch.is-on{background:var(--learner-color-brand,#2563eb)}.hapio-lhp-gtp-switch-dot{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--learner-color-surface,#ffffff);box-shadow:0 1px 3px color-mix(in srgb,var(--learner-color-text-strong,#020617) 22%,transparent);transition:transform var(--learner-duration-base,.2s) var(--learner-ease-out,cubic-bezier(.16,1,.3,1))}.hapio-lhp-gtp-switch.is-on .hapio-lhp-gtp-switch-dot{transform:translateX(18px)}.hapio-lhp-efc{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px}.hapio-lhp-efc__bd{position:absolute;inset:0;background:var(--learner-color-overlay,rgba(15,23,42,.55))}.hapio-lhp-efc__card{position:relative;width:min(420px,100%);border:1px solid var(--learner-color-border);border-radius:18px;background:var(--learner-color-surface);padding:26px 24px 20px;text-align:center;box-shadow:var(--learner-shadow-lg,0 18px 50px color-mix(in srgb,var(--learner-color-text) 25%,transparent))}.hapio-lhp-efc__x{position:absolute;top:10px;right:10px;display:inline-flex;padding:6px;border:0;border-radius:8px;background:transparent;color:var(--learner-color-text-muted);cursor:pointer}.hapio-lhp-efc__x:hover{background:var(--learner-color-surface-muted);color:var(--learner-color-text)}.hapio-lhp-efc__gift{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:10px;border-radius:14px;background:var(--learner-color-success-soft);color:var(--learner-color-success-strong)}.hapio-lhp-efc__title{margin:0 0 8px;color:var(--learner-color-text);font-size:19px;font-weight:700;line-height:1.35}.hapio-lhp-efc__title b{color:var(--learner-color-success-strong)}.hapio-lhp-efc__sub{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:5px;margin:0 0 16px;color:var(--learner-color-text-muted);font-size:13px;line-height:1.55}.hapio-lhp-efc__sub b{color:var(--learner-color-text);font-weight:600}.hapio-lhp-efc__input{width:200px;margin:0 auto 12px;padding:10px 12px;border:1.5px solid var(--learner-color-border);border-radius:12px;background:var(--learner-color-surface-muted);color:var(--learner-color-text);font-size:26px;font-weight:700;letter-spacing:8px;text-align:center;display:block}.hapio-lhp-efc__input:focus{outline:none;border-color:var(--learner-color-accent);background:var(--learner-color-surface)}.hapio-lhp-efc__err{margin:0 0 10px;color:var(--learner-color-danger);font-size:12.5px}.hapio-lhp-efc__notice{margin:0 0 10px;color:var(--learner-color-success-strong);font-size:12.5px}.hapio-lhp-efc__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;border:0;border-radius:12px;background:var(--learner-color-accent);color:var(--learner-color-on-accent);font-size:14px;font-weight:700;cursor:pointer}.hapio-lhp-efc__cta:disabled{opacity:.6;cursor:default}.hapio-lhp-efc__spin{animation:hapio-lhp-efc-spin .8s linear infinite}@keyframes hapio-lhp-efc-spin{to{transform:rotate(1turn)}}.hapio-lhp-efc__foot{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:12px}.hapio-lhp-efc__link{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--learner-color-accent);font-size:12.5px;font-weight:600;cursor:pointer}.hapio-lhp-efc__link:disabled{opacity:.6;cursor:wait}.hapio-lhp-efc__hint{margin:12px 0 0;color:var(--learner-color-text-muted);font-size:11.5px;line-height:1.5}.hapio-lhp-efc__done{display:grid;justify-items:center;gap:8px}.hapio-lhp-efc__done-ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:999px;background:var(--learner-color-success-soft);color:var(--learner-color-success-strong)}.hapio-lhp-efc__done h3{margin:0;color:var(--learner-color-text);font-size:20px;font-weight:700}.hapio-lhp-efc__done p{margin:0 0 8px;color:var(--learner-color-text-body);font-size:13.5px;line-height:1.6}.hapio-lhp-efc__done b{color:var(--learner-color-text)}.hapio-lhp-efc-nudge{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding:10px 14px;border:1px solid var(--learner-tone-emerald-ring,var(--learner-color-border));border-radius:12px;background:var(--learner-color-success-soft)}.hapio-lhp-efc-nudge__ic{display:inline-flex;color:var(--learner-color-success-strong)}.hapio-lhp-efc-nudge__txt{flex:1;min-width:200px;color:var(--learner-color-text-body);font-size:13px}.hapio-lhp-efc-nudge__txt b{color:var(--learner-color-text)}.hapio-lhp-efc-nudge__btn{padding:7px 14px;border:0;border-radius:10px;background:var(--learner-color-success-strong);color:var(--learner-color-on-accent);font-size:12.5px;font-weight:700;cursor:pointer}.hapio-lhp-efc-nudge__btn:hover{filter:brightness(1.06)}