[data-zone=learner] .hapio-lhp-album{width:100%;max-width:1080px;margin:0 auto;padding:var(--learner-space-2) 0 132px;font-family:var(--learner-font-body);color:var(--learner-color-text)}[data-zone=learner] .hapio-lhp-album svg{flex-shrink:0}[data-zone=learner] .hapio-lhp-ctx{margin-bottom:var(--learner-space-5);padding:var(--learner-space-5) var(--learner-space-6);background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-xl);box-shadow:var(--learner-shadow-sm)}[data-zone=learner] .hapio-lhp-ctx__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--learner-space-2);margin-bottom:var(--learner-space-3);font-size:var(--learner-text-xs);font-weight:600;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-ctx__crumbs a{color:var(--learner-color-text-muted);text-decoration:none}[data-zone=learner] .hapio-lhp-ctx__crumbs a:hover{color:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-ctx__crumbs .sep{color:var(--learner-color-border-strong);font-weight:400}[data-zone=learner] .hapio-lhp-ctx__crumbs .cur{color:var(--learner-color-brand-strong);font-weight:700}[data-zone=learner] .hapio-lhp-ctx__main{display:flex;align-items:center;gap:18px}[data-zone=learner] .hapio-lhp-ctx__txt{flex:1;min-width:0}[data-zone=learner] .hapio-lhp-ctx__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:var(--learner-space-2)}[data-zone=learner] .hapio-lhp-ctx__txt h1{margin:0;font-size:var(--learner-text-xl);font-weight:700;letter-spacing:-.01em;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-tag{display:inline-block;font-size:var(--learner-text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--learner-color-text-muted);border:1px solid var(--learner-color-border);background:var(--learner-color-surface);padding:3px 10px;border-radius:var(--learner-radius-pill);white-space:nowrap}[data-zone=learner] .hapio-lhp-meta{display:flex;flex-wrap:wrap;gap:6px var(--learner-space-4);font-size:var(--learner-text-sm);font-weight:500;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-meta__item{display:inline-flex;align-items:center;gap:5px}[data-zone=learner] .hapio-lhp-meta__item svg{width:14px;height:14px;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-meta__item b{color:var(--learner-color-text);font-weight:700;font-variant-numeric:tabular-nums}[data-zone=learner] .hapio-lhp-ctx__sum{flex:0 0 auto;display:flex;align-items:center;gap:14px;padding-left:22px;border-left:1px solid var(--learner-color-border-soft)}[data-zone=learner] .hapio-lhp-ctx__sum-label{font-size:var(--learner-text-xs);font-weight:600;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-ring{position:relative;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--learner-color-learning) calc(var(--pct, 0) * 3.6deg),var(--learner-color-border-soft) 0)}[data-zone=learner] .hapio-lhp-ring__inner{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--learner-color-surface);font-size:var(--learner-text-sm);font-weight:700;color:var(--learner-color-learning-strong)}[data-zone=learner] .hapio-lhp-wlist{display:flex;flex-direction:column;gap:var(--learner-space-2)}[data-zone=learner] .hapio-lhp-wrow{background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-md);transition:box-shadow var(--learner-duration-base) var(--learner-ease-out),border-color var(--learner-duration-base)}[data-zone=learner] .hapio-lhp-wrow:hover{box-shadow:var(--learner-shadow-sm)}[data-zone=learner] .hapio-lhp-wrow.is-open{border-color:var(--learner-color-border-strong);box-shadow:var(--learner-shadow-sm)}[data-zone=learner] .hapio-lhp-wrow__head{display:flex;align-items:center;justify-content:space-between;gap:var(--learner-space-4);padding:14px var(--learner-space-5);cursor:pointer}[data-zone=learner] .hapio-lhp-wrow__lead{display:flex;min-width:0;flex:1;align-items:center;gap:var(--learner-space-4)}[data-zone=learner] .hapio-lhp-wrow__idx{width:24px;flex:0 0 auto;text-align:center;font-size:var(--learner-text-lg);font-weight:700;color:var(--learner-color-text-subtle);font-variant-numeric:tabular-nums}[data-zone=learner] .hapio-lhp-wrow__audio{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;border:0;background:var(--learner-tone-blue-soft);color:var(--learner-tone-blue-icon);cursor:pointer;transition:all var(--learner-duration-fast)}[data-zone=learner] .hapio-lhp-wrow__audio:hover{background:var(--learner-tone-blue-ring);color:var(--learner-tone-blue-text)}[data-zone=learner] .hapio-lhp-wrow__audio svg{width:19px;height:19px}[data-zone=learner] .hapio-lhp-wrow__main{min-width:0;flex:1}[data-zone=learner] .hapio-lhp-wrow__line{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--learner-space-2)}[data-zone=learner] .hapio-lhp-wrow__term{font-size:var(--learner-text-xl);font-weight:600;color:var(--learner-color-text-strong);letter-spacing:-.01em}[data-zone=learner] .hapio-lhp-pos{border-radius:var(--learner-radius-xs);padding:2px var(--learner-space-2);font-size:var(--learner-text-xs);font-weight:700}[data-zone=learner] .hapio-lhp-pos.is-noun{background:var(--learner-tone-blue-soft);color:var(--learner-tone-blue-text)}[data-zone=learner] .hapio-lhp-pos.is-verb{background:var(--learner-tone-emerald-soft);color:var(--learner-tone-emerald-text)}[data-zone=learner] .hapio-lhp-pos.is-adj{background:var(--learner-tone-violet-soft);color:var(--learner-tone-violet-text)}[data-zone=learner] .hapio-lhp-pos.is-adv{background:var(--learner-tone-amber-soft);color:var(--learner-tone-amber-text)}[data-zone=learner] .hapio-lhp-pos.is-prep{background:var(--learner-tone-rose-soft);color:var(--learner-tone-rose-text)}[data-zone=learner] .hapio-lhp-pos.is-phrase{background:var(--learner-tone-sky-soft);color:var(--learner-tone-sky-text)}[data-zone=learner] .hapio-lhp-wrow__ipa{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-style:italic;font-size:var(--learner-text-base);color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-wrow__vi{margin-top:2px;font-size:var(--learner-text-base);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-wrow__end{display:flex;flex:0 0 auto;align-items:center;gap:var(--learner-space-3)}[data-zone=learner] .hapio-lhp-spill{display:inline-flex;align-items:center;gap:var(--learner-space-2);border:1px solid;border-radius:var(--learner-radius-pill);padding:6px var(--learner-space-3);font-size:var(--learner-text-sm);font-weight:600;cursor:pointer;background:var(--learner-color-surface);transition:filter var(--learner-duration-fast)}[data-zone=learner] .hapio-lhp-spill:hover{filter:brightness(.97)}[data-zone=learner] .hapio-lhp-spill .dot{width:7px;height:7px;border-radius:50%;background:currentColor}[data-zone=learner] .hapio-lhp-spill .caret{opacity:.6}[data-zone=learner] .hapio-lhp-spill.is-review{background:var(--learner-tone-sky-soft);color:var(--learner-tone-sky-text);border-color:var(--learner-tone-sky-ring)}[data-zone=learner] .hapio-lhp-spill.is-learning{background:var(--learner-tone-blue-soft);color:var(--learner-tone-blue-text);border-color:var(--learner-tone-blue-ring)}[data-zone=learner] .hapio-lhp-spill.is-relearning{background:var(--learner-tone-amber-soft);color:var(--learner-tone-amber-text);border-color:var(--learner-tone-amber-ring)}[data-zone=learner] .hapio-lhp-spill.is-new{background:var(--learner-color-surface);color:var(--learner-color-text-muted);border-color:var(--learner-color-border)}[data-zone=learner] .hapio-lhp-spill.is-suspended{background:var(--learner-tone-rose-soft);color:var(--learner-tone-rose-text);border-color:var(--learner-tone-rose-ring)}[data-zone=learner] .hapio-lhp-spill.is-mastered{background:var(--learner-tone-emerald-soft);color:var(--learner-tone-emerald-text);border-color:var(--learner-tone-emerald-ring)}[data-zone=learner] .hapio-lhp-spill.is-none{background:var(--learner-color-surface);color:var(--learner-color-text-subtle);border-color:var(--learner-color-border)}[data-zone=learner] .hapio-lhp-wrow__chev{color:var(--learner-color-text-subtle);transition:transform var(--learner-duration-base) var(--learner-ease-out);display:inline-flex}[data-zone=learner] .hapio-lhp-wrow.is-open .hapio-lhp-wrow__chev{transform:rotate(90deg);color:var(--learner-color-brand)}@media (min-width:681px){[data-zone=learner] .hapio-lhp-wlist.is-compact{gap:6px}[data-zone=learner] .hapio-lhp-wlist.is-compact .hapio-lhp-wrow__head{padding:9px var(--learner-space-4);gap:var(--learner-space-3)}[data-zone=learner] .hapio-lhp-wlist.is-compact .hapio-lhp-wrow__lead{gap:var(--learner-space-3)}[data-zone=learner] .hapio-lhp-wlist.is-compact .hapio-lhp-wrow__idx{width:18px;font-size:var(--learner-text-sm)}[data-zone=learner] .hapio-lhp-wlist.is-compact .hapio-lhp-wrow__audio{width:34px;height:34px}[data-zone=learner] .hapio-lhp-wlist.is-compact .hapio-lhp-wrow__audio svg{width:16px;height:16px}[data-zone=learner] .hapio-lhp-wlist.is-compact .hapio-lhp-wrow__main{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px var(--learner-space-2)}[data-zone=learner] .hapio-lhp-wlist.is-compact .hapio-lhp-wrow__term{font-size:var(--learner-text-md)}[data-zone=learner] .hapio-lhp-wlist.is-compact .hapio-lhp-wrow__vi{margin-top:0;font-size:var(--learner-text-sm)}[data-zone=learner] .hapio-lhp-wlist.is-compact .hapio-lhp-spill{padding:4px var(--learner-space-3);font-size:var(--learner-text-xs)}}[data-zone=learner] .hapio-lhp-wrow__panel{border-top:1px solid var(--learner-color-border);background:var(--learner-color-surface-soft);padding:var(--learner-space-5);border-radius:0 0 var(--learner-radius-md) var(--learner-radius-md)}[data-zone=learner] .hapio-lhp-ex{position:relative;margin-bottom:var(--learner-space-4);padding:var(--learner-space-4) var(--learner-space-8) var(--learner-space-4) var(--learner-space-4);background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-md);transition:all var(--learner-duration-fast)}[data-zone=learner] .hapio-lhp-ex.is-clickable{cursor:pointer}[data-zone=learner] .hapio-lhp-ex.is-clickable:hover{border-color:var(--learner-color-brand-border);background:var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-ex__q{position:absolute;right:12px;top:6px;font-size:var(--learner-text-2xl);line-height:1;color:var(--learner-color-border-strong);-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-zone=learner] .hapio-lhp-ex__en{margin:0;font-size:var(--learner-text-md);line-height:1.55;color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-ex__vi{margin:var(--learner-space-1) 0 0;font-size:var(--learner-text-sm);font-style:italic;color:var(--learner-color-text-muted)}[data-zone=learner] mark.hapio-lhp-hl{background:var(--learner-color-brand-soft);color:var(--learner-color-brand-strong);border-radius:4px;padding:0 var(--learner-space-1);font-weight:600}[data-zone=learner] .hapio-lhp-collo__head{display:flex;align-items:center;gap:var(--learner-space-2);margin-bottom:var(--learner-space-3);font-size:var(--learner-text-md);font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-collo__head svg{width:16px;height:16px;color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-ctabs{display:flex;flex-wrap:nowrap;gap:6px;margin-bottom:var(--learner-space-3);overflow-x:auto;scrollbar-width:none}[data-zone=learner] .hapio-lhp-ctabs::-webkit-scrollbar{display:none}[data-zone=learner] .hapio-lhp-ctab{white-space:nowrap;border:0;border-radius:var(--learner-radius-xs);padding:6px var(--learner-space-3);font:inherit;font-size:var(--learner-text-xs);font-weight:700;background:var(--learner-color-surface-soft);color:var(--learner-color-text-muted);cursor:pointer;transition:all var(--learner-duration-fast)}[data-zone=learner] .hapio-lhp-ctab:hover{color:var(--learner-color-text)}[data-zone=learner] .hapio-lhp-ctab.is-active{background:var(--learner-color-surface);color:var(--learner-color-text-strong);box-shadow:var(--learner-shadow-xs);outline:1px solid var(--learner-color-border-strong)}[data-zone=learner] .hapio-lhp-collolist{display:flex;flex-direction:column;gap:var(--learner-space-2);list-style:none;margin:0;padding:0}[data-zone=learner] .hapio-lhp-colloitem{overflow:hidden;background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-md)}[data-zone=learner] .hapio-lhp-colloitem.is-open{border-color:var(--learner-color-brand-border);box-shadow:var(--learner-shadow-xs)}[data-zone=learner] .hapio-lhp-colloitem__head{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:var(--learner-space-4);padding:var(--learner-space-3) 18px;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer;color:inherit;transition:background var(--learner-duration-fast)}[data-zone=learner] .hapio-lhp-colloitem__head:hover{background:var(--learner-color-surface-soft)}[data-zone=learner] .hapio-lhp-colloitem__text{font-size:var(--learner-text-md);font-weight:700;font-style:italic;color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-colloitem__tr{display:flex;align-items:center;gap:var(--learner-space-2);font-size:var(--learner-text-sm);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-colloitem__tr .caret{color:var(--learner-color-text-subtle);transition:transform var(--learner-duration-base);display:inline-flex}[data-zone=learner] .hapio-lhp-colloitem.is-open .hapio-lhp-colloitem__tr .caret{transform:rotate(90deg)}[data-zone=learner] .hapio-lhp-colloitem__detail{border-top:1px solid var(--learner-color-border-soft);background:var(--learner-color-surface-soft);padding:var(--learner-space-3) 18px}[data-zone=learner] .hapio-lhp-colloitem__detail.is-clickable{cursor:pointer}[data-zone=learner] .hapio-lhp-colloitem__detail.is-clickable:hover{background:var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-colloitem__detail p{margin:0;font-size:var(--learner-text-sm);line-height:1.55;color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-colloitem__detail p+p{margin-top:3px;font-style:italic;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-collo__empty{border:1px dashed var(--learner-color-border);border-radius:var(--learner-radius-md);background:var(--learner-color-surface);padding:var(--learner-space-4) var(--learner-space-5);font-size:var(--learner-text-sm);color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-banner{margin-bottom:var(--learner-space-5);border:1px solid;border-radius:var(--learner-radius-lg);padding:var(--learner-space-3) var(--learner-space-5);font-size:var(--learner-text-sm);font-weight:700}[data-zone=learner] .hapio-lhp-banner.is-success{background:var(--learner-color-success-soft);color:var(--learner-color-success-strong);border-color:var(--learner-tone-emerald-ring)}[data-zone=learner] .hapio-lhp-banner.is-error{background:var(--learner-color-danger-soft);color:var(--learner-color-danger);border-color:var(--learner-tone-rose-ring)}[data-zone=learner] .hapio-lhp-banner a{color:inherit;text-decoration:underline;text-underline-offset:4px}[data-zone=learner] .hapio-lhp-statebox{border:1px solid var(--learner-color-border);background:var(--learner-color-surface);border-radius:var(--learner-radius-md);padding:18px var(--learner-space-5);text-align:center;font-size:var(--learner-text-sm);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-statusmenu{position:absolute;z-index:40;display:flex;flex-direction:column;gap:6px;width:232px;padding:10px;background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-lg);box-shadow:var(--learner-shadow-pop)}[data-zone=learner] .hapio-lhp-statusmenu.is-up{bottom:100%;right:0;margin-bottom:var(--learner-space-3)}[data-zone=learner] .hapio-lhp-statusmenu.is-down{top:100%;right:0;margin-top:var(--learner-space-2)}[data-zone=learner] .hapio-lhp-statusmenu__item{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--learner-space-2);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-pill);padding:var(--learner-space-2) 14px;background:var(--learner-color-surface);color:var(--learner-color-text-body);font:inherit;font-size:var(--learner-text-sm);font-weight:600;text-align:left;cursor:pointer;transition:filter var(--learner-duration-fast),background var(--learner-duration-fast)}[data-zone=learner] .hapio-lhp-statusmenu__item:hover{filter:brightness(.97)}[data-zone=learner] .hapio-lhp-statusmenu__item.is-active{outline:2px solid var(--learner-color-brand-border);outline-offset:0}[data-zone=learner] .hapio-lhp-statusmenu__lead{display:inline-flex;align-items:center;gap:var(--learner-space-2)}[data-zone=learner] .hapio-lhp-statusmenu__dot{width:8px;height:8px;border-radius:50%;background:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-statusmenu__check{color:var(--learner-color-brand);display:inline-flex}[data-zone=learner] .hapio-lhp-statusmenu__item.is-all .hapio-lhp-statusmenu__dot{background:var(--learner-tone-slate-icon)}[data-zone=learner] .hapio-lhp-statusmenu__item.is-review{background:var(--learner-tone-sky-soft);color:var(--learner-tone-sky-text);border-color:var(--learner-tone-sky-ring)}[data-zone=learner] .hapio-lhp-statusmenu__item.is-review .hapio-lhp-statusmenu__dot{background:var(--learner-tone-sky-icon)}[data-zone=learner] .hapio-lhp-statusmenu__item.is-learning{background:var(--learner-tone-blue-soft);color:var(--learner-tone-blue-text);border-color:var(--learner-tone-blue-ring)}[data-zone=learner] .hapio-lhp-statusmenu__item.is-learning .hapio-lhp-statusmenu__dot{background:var(--learner-tone-blue-icon)}[data-zone=learner] .hapio-lhp-statusmenu__item.is-relearning{background:var(--learner-tone-amber-soft);color:var(--learner-tone-amber-text);border-color:var(--learner-tone-amber-ring)}[data-zone=learner] .hapio-lhp-statusmenu__item.is-relearning .hapio-lhp-statusmenu__dot{background:var(--learner-tone-amber-icon)}[data-zone=learner] .hapio-lhp-statusmenu__item.is-new .hapio-lhp-statusmenu__dot{background:var(--learner-tone-slate-icon)}[data-zone=learner] .hapio-lhp-statusmenu__item.is-suspended{background:var(--learner-tone-rose-soft);color:var(--learner-tone-rose-text);border-color:var(--learner-tone-rose-ring)}[data-zone=learner] .hapio-lhp-statusmenu__item.is-suspended .hapio-lhp-statusmenu__dot{background:var(--learner-tone-rose-icon)}[data-zone=learner] .hapio-lhp-statusmenu__item.is-mastered{background:var(--learner-tone-emerald-soft);color:var(--learner-tone-emerald-text);border-color:var(--learner-tone-emerald-ring)}[data-zone=learner] .hapio-lhp-statusmenu__item.is-mastered .hapio-lhp-statusmenu__dot{background:var(--learner-tone-emerald-icon)}[data-zone=learner] .hapio-lhp-statusmenu--word{width:228px}[data-zone=learner] .hapio-lhp-statusmenu--word .hapio-lhp-statusmenu__item{border-radius:var(--learner-radius-lg);padding:7px 12px}[data-zone=learner] .hapio-lhp-statusmenu--word .hapio-lhp-statusmenu__lead{align-items:flex-start}[data-zone=learner] .hapio-lhp-statusmenu--word .hapio-lhp-statusmenu__dot{margin-top:5px}[data-zone=learner] .hapio-lhp-statusmenu--word .hapio-lhp-statusmenu__label{font-size:var(--learner-text-xs)}[data-zone=learner] .hapio-lhp-statusmenu--word .hapio-lhp-statusmenu__hint{font-size:11px}[data-zone=learner] .hapio-lhp-statusmenu__text{display:flex;flex-direction:column;gap:1px;min-width:0}[data-zone=learner] .hapio-lhp-statusmenu__hint{font-size:var(--learner-text-xs);font-weight:500;opacity:.78}[data-zone=learner] .hapio-lhp-tierlegend{display:flex;flex-wrap:wrap;gap:var(--learner-space-2) var(--learner-space-5);margin-top:var(--learner-space-3);padding:var(--learner-space-2) var(--learner-space-3) 0;font-size:var(--learner-text-xs);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-tierlegend__item{display:inline-flex;align-items:center;gap:var(--learner-space-2)}[data-zone=learner] .hapio-lhp-tierlegend__item .dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}[data-zone=learner] .hapio-lhp-tierlegend__item .dot.is-new{background:var(--learner-tone-slate-icon)}[data-zone=learner] .hapio-lhp-tierlegend__item .dot.is-learning{background:var(--learner-tone-blue-icon)}[data-zone=learner] .hapio-lhp-tierlegend__item .dot.is-mastered{background:var(--learner-tone-emerald-icon)}[data-zone=learner] .hapio-lhp-dock__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--learner-space-3);width:100%;padding:0}[data-zone=learner] .hapio-lhp-dock__group{display:flex;align-items:center;gap:10px}[data-zone=learner] .hapio-lhp-btn{display:inline-flex;align-items:center;gap:var(--learner-space-2);height:42px;padding:0 var(--learner-space-4);border-radius:var(--learner-radius-pill);border:1px solid var(--learner-color-border);background:var(--learner-color-surface);color:var(--learner-color-text-body);font:inherit;font-size:var(--learner-text-sm);font-weight:600;cursor:pointer;transition:all var(--learner-duration-fast)}[data-zone=learner] .hapio-lhp-btn:hover{border-color:var(--learner-color-border-strong);background:var(--learner-color-surface-soft)}[data-zone=learner] .hapio-lhp-btn:disabled{cursor:not-allowed;opacity:.5}[data-zone=learner] .hapio-lhp-btn svg{width:18px;height:18px}[data-zone=learner] .hapio-lhp-btn.is-words{color:var(--learner-color-brand);border-color:var(--learner-color-brand-border);background:var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-btn.is-games{color:var(--learner-tone-amber-text);border-color:var(--learner-tone-amber-ring);background:var(--learner-tone-amber-soft)}[data-zone=learner] .hapio-lhp-btn.is-icon{width:42px;padding:0;justify-content:center}[data-zone=learner] .hapio-lhp-btn--fsrs{height:44px;min-width:152px;justify-content:center;border:0;color:var(--learner-color-on-accent);font-weight:700;box-shadow:0 7px 16px -6px var(--learner-tone-emerald-ring)}[data-zone=learner] .hapio-lhp-btn--fsrs,[data-zone=learner] .hapio-lhp-btn--fsrs:hover{background:linear-gradient(180deg,var(--learner-tone-emerald-icon),var(--learner-color-success))}[data-zone=learner] .hapio-lhp-btn--fsrs:hover{filter:brightness(1.05);border-color:transparent}[data-zone=learner] .hapio-lhp-btn--fsrs:disabled{filter:none}[data-zone=learner] .hapio-lhp-dock__noteslot{display:inline-flex;align-items:center;justify-content:center;min-width:0}[data-zone=learner] .lhphuc-voca-dashboard-bottombar.is-album-dock:has(.hapio-lhp-dock__inner){align-items:center;box-shadow:none;backdrop-filter:none;padding:0 var(--learner-space-4) calc(0px + env(safe-area-inset-bottom))}@supports (padding:max(0px)){[data-zone=learner] .lhphuc-voca-dashboard-bottombar.is-album-dock:has(.hapio-lhp-dock__inner){padding-bottom:max(0px,env(safe-area-inset-bottom))}}[data-zone=learner] .hapio-lhp-dock__tab--vocab,[data-zone=learner] .hapio-lhp-dock__tab-ico,[data-zone=learner] .hapio-lhp-dock__tab-lb{display:none}@media (max-width:680px){[data-zone=learner] .hapio-lhp-ctx,[data-zone=learner] .hapio-lhp-wrow__ipa{display:none}[data-zone=learner] .lhphuc-voca-dashboard-bottombar.is-album-dock:has(.hapio-lhp-dock__inner){position:fixed;left:0;right:0;bottom:0;z-index:50;padding:5px 0 calc(5px + env(safe-area-inset-bottom));background:var(--learner-color-surface);border-top:1px solid var(--learner-color-border);box-shadow:none;backdrop-filter:none}[data-zone=learner] .hapio-lhp-dock__inner{display:flex;flex-wrap:nowrap;align-items:stretch;gap:0;justify-content:flex-start;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}[data-zone=learner] .hapio-lhp-dock__inner::-webkit-scrollbar{display:none}[data-zone=learner] .hapio-lhp-dock__tab--vocab{display:flex}[data-zone=learner] .hapio-lhp-dock__tab-ico,[data-zone=learner] .hapio-lhp-dock__tab-lb{display:block}[data-zone=learner] .hapio-lhp-dock__group{display:contents}[data-zone=learner] .hapio-lhp-dock__tab,[data-zone=learner] .hapio-lhp-dock__tab--filter{flex:0 0 25%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 4px;border:0;background:transparent;box-shadow:none;border-radius:0;font-size:11.5px;font-weight:600;white-space:nowrap;color:var(--learner-color-text-muted);height:auto;width:auto}[data-zone=learner] .hapio-lhp-dock__tab .hapio-lhp-btn>svg,[data-zone=learner] .hapio-lhp-dock__tab--filter>svg,[data-zone=learner] .hapio-lhp-dock__tab>svg{color:var(--learner-color-text-subtle);flex-shrink:0;width:20px;height:20px}[data-zone=learner] .hapio-lhp-dock__tab.is-active{background:transparent;box-shadow:inset 0 2px 0 var(--learner-color-brand);color:var(--learner-color-brand-strong);font-weight:700}[data-zone=learner] .hapio-lhp-dock__tab.is-active>svg{color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-dock__tab .label{display:none}[data-zone=learner] .hapio-lhp-dock__tab.hapio-lhp-btn{border:0;background:transparent;box-shadow:none;border-radius:0;padding:5px 4px;width:auto;height:auto;min-width:0}[data-zone=learner] .hapio-lhp-dock__tab.hapio-lhp-btn.is-games,[data-zone=learner] .hapio-lhp-dock__tab.hapio-lhp-btn.is-words{color:var(--learner-color-text-muted);background:transparent;border:0}[data-zone=learner] .hapio-lhp-dock__tab.hapio-lhp-btn--fsrs{background:transparent;color:var(--learner-color-text-muted);font-weight:600;box-shadow:none;filter:none}[data-zone=learner] .hapio-lhp-dock__tab.hapio-lhp-btn--fsrs:hover{background:transparent;filter:none;border-color:transparent}[data-zone=learner] .hapio-lhp-dock__tab--filter .hapio-lhp-btn.is-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0;width:100%;height:auto;font-size:11.5px;font-weight:600;white-space:nowrap;color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-dock__tab--filter .hapio-lhp-btn.is-icon>svg{color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-dock__tab--filter .hapio-lhp-dock__tab-lb{color:inherit}[data-zone=learner] .hapio-lhp-dock__tab--filter{position:static}[data-zone=learner] .hapio-lhp-dock__tab--filter .hapio-lhp-statusmenu.is-up{position:fixed;left:8px;right:8px;width:auto;top:auto;bottom:calc(58px + env(safe-area-inset-bottom));max-height:52vh;overflow-y:auto;z-index:60}[data-zone=learner] .hapio-lhp-dock__noteslot{display:none}[data-zone=learner] .hapio-lhp-wrow__head{gap:10px;padding:var(--learner-space-3) 14px}[data-zone=learner] .hapio-lhp-wrow__lead{gap:var(--learner-space-3)}[data-zone=learner] .hapio-lhp-wrow__idx{width:18px;font-size:var(--learner-text-sm)}[data-zone=learner] .hapio-lhp-wrow__audio{width:38px;height:38px}[data-zone=learner] .hapio-lhp-wrow__audio svg{width:16px;height:16px}[data-zone=learner] .hapio-lhp-wrow__term{font-size:15px}[data-zone=learner] .hapio-album-experience{padding-left:0;padding-right:0}[data-zone=learner] .hapio-lhp-wrow__vi{font-size:var(--learner-text-sm)}[data-zone=learner] .hapio-lhp-pos{font-size:var(--learner-text-xs);padding:1px var(--learner-space-2)}[data-zone=learner] .hapio-lhp-wrow__end{gap:var(--learner-space-2)}[data-zone=learner] .hapio-lhp-spill{width:30px;height:30px;padding:0;gap:0;justify-content:center;border-radius:50%}[data-zone=learner] .hapio-lhp-spill .caret,[data-zone=learner] .hapio-lhp-spill .label{display:none}[data-zone=learner] .hapio-lhp-spill .dot{width:9px;height:9px}}.hapio-lhp-colloc{display:flex;flex-direction:column;gap:11px}.hapio-lhp-colloc__group{border:1px solid var(--learner-color-border);background:var(--learner-color-surface);border-radius:15px;overflow:hidden}.hapio-lhp-colloc__ghead{display:flex;align-items:center;gap:11px;width:100%;padding:14px 16px;background:none;border:0;font:inherit;text-align:left;cursor:pointer;color:var(--learner-color-text)}.hapio-lhp-colloc__ghead:hover{background:var(--learner-color-surface-soft)}.hapio-lhp-colloc__gi{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--learner-color-text-subtle)}.hapio-lhp-colloc__gtitle{flex:1;min-width:0;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.hapio-lhp-colloc__gw{font-size:18px;font-weight:700;color:var(--learner-color-text-strong)}.hapio-lhp-colloc__chev{flex:0 0 auto;color:var(--learner-color-text-subtle);transition:transform .25s ease}.hapio-lhp-colloc__group.is-open .hapio-lhp-colloc__chev{transform:rotate(90deg)}.hapio-lhp-colloc__rail{max-height:0;overflow:hidden;transition:max-height .3s ease;background:linear-gradient(180deg,var(--learner-color-surface),var(--learner-color-surface-soft))}.hapio-lhp-colloc__group.is-open .hapio-lhp-colloc__rail{max-height:5200px;border-top:1px solid var(--learner-color-border-soft)}.hapio-lhp-colloc__group.has-open-menu{overflow:visible;position:relative;z-index:30}.hapio-lhp-colloc__group.has-open-menu .hapio-lhp-colloc__rail{overflow:visible}.hapio-lhp-colloc__railin{display:flex;flex-direction:column;gap:9px;padding:12px 14px 14px}.hapio-lhp-colloc__row{display:grid;grid-template-columns:34px 1fr 1.15fr;gap:14px;align-items:start;padding:12px 14px;border:1px solid var(--learner-color-border);border-radius:12px;background:var(--learner-color-surface)}.hapio-lhp-colloc__lead{display:flex;justify-content:center;padding-top:2px}.hapio-lhp-colloc__phraserow{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hapio-lhp-colloc__phraserow .hapio-lhp-colloc__phrase{flex:1;min-width:0}.hapio-lhp-colloc__phraserow [data-status-menu]{flex:0 0 auto}.hapio-lhp-colloc__phrase{font-size:15.5px;font-weight:700;font-style:italic;letter-spacing:-.01em;color:var(--learner-color-text-strong)}.hapio-lhp-colloc__root{border-bottom:2px solid var(--learner-color-brand-border);padding-bottom:2px}.hapio-lhp-colloc__slot{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;font-size:.82em;background:var(--learner-color-surface-soft);border:1px dashed var(--learner-color-border-strong);border-radius:999px;padding:0 6px;margin:0 1px;vertical-align:1px;cursor:help}.hapio-lhp-colloc__opt,.hapio-lhp-colloc__slot{font-weight:400;color:var(--learner-color-text-muted)}.hapio-lhp-colloc__legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:12px;color:var(--learner-color-text-muted);padding:0 4px 10px}.hapio-lhp-colloc__legend .hapio-lhp-colloc__slot{cursor:default}.hapio-lhp-colloc__sep{font-weight:700;color:var(--learner-color-text-body);margin-right:3px}.hapio-lhp-colloc__vi{margin-top:8px;font-size:13.5px;font-weight:600;color:var(--learner-color-text-body)}.hapio-lhp-colloc__def{margin-top:3px;font-size:12.5px;font-style:italic;line-height:1.45;color:var(--learner-color-text-muted)}.hapio-lhp-colloc__def b{font-style:normal;font-weight:700;margin-right:5px;color:var(--learner-color-brand)}.hapio-lhp-colloc__ex{display:flex;gap:9px;padding:10px 12px;border-radius:11px;border:1px solid var(--learner-color-brand-border);background:linear-gradient(135deg,var(--learner-color-surface-soft),var(--learner-color-brand-soft))}.hapio-lhp-colloc__exbody{min-width:0}.hapio-lhp-colloc__exen{font-size:13px;line-height:1.5;color:var(--learner-color-text-body)}.hapio-lhp-colloc__exvi{margin-top:2px;font-size:12.5px;font-style:italic;line-height:1.45;color:var(--learner-color-text-muted)}.hapio-lhp-colloc__hot{font-weight:700;color:var(--learner-color-warning)}.hapio-lhp-colloc__spk{position:relative;flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:1px solid var(--learner-color-border);background:var(--learner-color-surface);color:var(--learner-color-text-subtle);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .13s cubic-bezier(.34,1.56,.64,1),color .15s,border-color .15s}.hapio-lhp-colloc__spk--sm{width:26px;height:26px}.hapio-lhp-colloc__spk--sm,.hapio-lhp-colloc__spk:hover{color:var(--learner-color-brand);border-color:var(--learner-color-brand-border)}.hapio-lhp-colloc__spk:active{transform:scale(.86)}.hapio-lhp-colloc__spk.is-tap{animation:hapio-lhp-colloc-tap .5s ease-out}@keyframes hapio-lhp-colloc-tap{0%{box-shadow:0 0 0 0 var(--learner-color-brand-soft)}to{box-shadow:0 0 0 12px transparent}}.hapio-lhp-colloc__spk.is-playing{color:var(--learner-color-brand);border-color:var(--learner-color-brand-border)}.hapio-lhp-colloc__spk.is-playing:after,.hapio-lhp-colloc__spk.is-playing:before{content:"";position:absolute;inset:-1px;border-radius:50%;border:2px solid var(--learner-color-brand-border);animation:hapio-lhp-colloc-wave 1.25s ease-out infinite}.hapio-lhp-colloc__spk.is-playing:after{animation-delay:.62s}@keyframes hapio-lhp-colloc-wave{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.85)}}@media (max-width:640px){.hapio-lhp-colloc__row{grid-template-columns:30px 1fr;gap:11px}.hapio-lhp-colloc__ex{grid-column:1/-1;margin-top:2px}}@media (prefers-reduced-motion:reduce){.hapio-lhp-colloc__chev,.hapio-lhp-colloc__rail,.hapio-lhp-colloc__spk{transition:none}.hapio-lhp-colloc__spk.is-playing:after,.hapio-lhp-colloc__spk.is-playing:before,.hapio-lhp-colloc__spk.is-tap{animation:none}}[data-zone=learner] .hapio-lhp-fc{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;background:var(--learner-color-surface-soft);color:var(--learner-color-text);font-family:var(--learner-font-body);overflow:hidden}[data-zone=learner] .hapio-lhp-fc svg{flex-shrink:0}[data-zone=learner] .hapio-lhp-fc__top{flex:0 0 auto;display:flex;align-items:center;gap:var(--learner-space-2);height:58px;padding:0 var(--learner-space-4);background:var(--learner-color-surface);border-bottom:1px solid var(--learner-color-border)}[data-zone=learner] .hapio-lhp-fc__spacer{flex:1}[data-zone=learner] .hapio-lhp-fc__divider{width:1px;height:22px;background:var(--learner-color-border);flex:0 0 auto;margin:0 2px}[data-zone=learner] .hapio-lhp-fc__icon{position:relative;flex:0 0 auto;width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid var(--learner-color-border);border-radius:50%;background:var(--learner-color-surface);color:var(--learner-color-text-muted);cursor:pointer;box-shadow:var(--learner-shadow-xs);transition:all var(--learner-duration-fast)}[data-zone=learner] .hapio-lhp-fc__icon:hover{color:var(--learner-color-text-strong);border-color:var(--learner-color-brand-border);background:var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-fc__icon.is-on{color:var(--learner-color-on-accent);border-color:transparent;background:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-fc__icon svg{width:17px;height:17px}[data-zone=learner] .hapio-lhp-fc__hiddenbtn{overflow:visible}[data-zone=learner] .hapio-lhp-fc__badge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:var(--learner-radius-pill);background:var(--learner-tone-rose-icon,var(--learner-tone-rose-text));color:var(--learner-color-on-accent);font-size:10px;font-weight:800;line-height:1}[data-zone=learner] .hapio-lhp-fc__tool{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--learner-space-2);height:38px;padding:0 var(--learner-space-3);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-md);background:var(--learner-color-surface);color:var(--learner-color-text-muted);font:inherit;font-size:var(--learner-text-sm);font-weight:600;white-space:nowrap;cursor:pointer;box-shadow:var(--learner-shadow-xs);transition:all var(--learner-duration-fast)}[data-zone=learner] .hapio-lhp-fc__tool:hover{border-color:var(--learner-color-brand-border);background:var(--learner-color-brand-soft);color:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-fc__tool.is-on{color:var(--learner-color-on-accent);border-color:transparent;background:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-fc__tool svg{width:16px;height:16px}[data-zone=learner] .hapio-lhp-fc__exit,[data-zone=learner] .hapio-lhp-fc__exit:hover{border-color:var(--learner-tone-rose-ring);background:var(--learner-tone-rose-soft);color:var(--learner-tone-rose-text)}[data-zone=learner] .hapio-lhp-fc__exit{white-space:nowrap}[data-zone=learner] .hapio-lhp-fc__exit:hover{border-color:var(--learner-tone-rose-icon)}[data-zone=learner] .hapio-lhp-fc__speed{flex:0 0 auto;display:inline-flex;align-items:center;height:34px;padding:0 var(--learner-space-3);border:1px solid var(--learner-color-brand-border);border-radius:var(--learner-radius-md);background:var(--learner-color-brand-soft);color:var(--learner-color-brand-strong);font:inherit;font-size:var(--learner-text-xs);font-weight:700;white-space:nowrap;cursor:pointer}[data-zone=learner] .hapio-lhp-fc__count{flex:0 0 auto;padding:6px var(--learner-space-3);border-radius:var(--learner-radius-sm);background:var(--learner-color-surface-soft);font-size:var(--learner-text-xs);font-weight:700;color:var(--learner-color-text-muted);font-variant-numeric:tabular-nums}@media (max-width:940px){[data-zone=learner] .hapio-lhp-fc__toollabel{display:none}[data-zone=learner] .hapio-lhp-fc__tool{padding:0;width:38px;justify-content:center;border-radius:50%}[data-zone=learner] .hapio-lhp-fc__exit{width:auto;padding:0 var(--learner-space-3);border-radius:var(--learner-radius-pill)}}[data-zone=learner] .hapio-lhp-fc__prog{flex:0 0 auto;position:relative;height:3px;min-width:2px;overflow:hidden;background:var(--learner-tone-emerald-text);transition:width var(--learner-duration-base) var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-fc__prog:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--learner-color-on-accent) 70%,transparent) 50%,transparent 100%);transform:translateX(-100%);animation:hapio-lhp-fc-shine 1.6s linear infinite}@keyframes hapio-lhp-fc-shine{to{transform:translateX(100%)}}[data-zone=learner] .hapio-lhp-fc__stage{flex:1 1 auto;min-height:0;position:relative;overflow-y:auto;overflow-x:hidden;display:flex;align-items:center;justify-content:center;padding:var(--learner-space-6) var(--learner-space-5);touch-action:pan-y}[data-zone=learner] .hapio-lhp-fc__card{width:100%;max-width:960px;display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);align-items:center;gap:var(--learner-space-6)}[data-zone=learner] .hapio-lhp-fc__card.is-solo{grid-template-columns:minmax(0,1fr)}[data-zone=learner] .hapio-lhp-fc__img{display:flex;align-items:center;justify-content:center}[data-zone=learner] .hapio-lhp-fc__imgbox{width:100%;aspect-ratio:4/3;border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-lg);background-color:var(--learner-color-surface);background-repeat:no-repeat;background-position:50%;background-size:contain;box-shadow:var(--learner-shadow-xs);overflow:hidden}[data-zone=learner] .hapio-lhp-fc__tw{position:relative;min-width:0}[data-zone=learner] .hapio-lhp-fc__flip{position:relative;cursor:pointer}[data-zone=learner] .hapio-lhp-fc__face{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--learner-space-5) var(--learner-space-4);animation:hapio-lhp-fc-in var(--learner-duration-base) var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-fc[data-face=back] .hapio-lhp-fc__face.is-front,[data-zone=learner] .hapio-lhp-fc[data-face=front] .hapio-lhp-fc__face.is-back{display:none}@keyframes hapio-lhp-fc-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}[data-zone=learner] .hapio-lhp-fc__wordrow{display:flex;align-items:center;justify-content:center;gap:var(--learner-space-3);flex-wrap:wrap}[data-zone=learner] .hapio-lhp-fc__word{font-size:clamp(36px,5vw,56px)!important;font-weight:700;line-height:1.06;letter-spacing:-.02em;color:var(--learner-color-text-strong);overflow-wrap:break-word}[data-zone=learner] .hapio-lhp-fc__meta{margin-top:var(--learner-space-3);display:flex;gap:var(--learner-space-2);align-items:center;flex-wrap:wrap;justify-content:center}[data-zone=learner] .hapio-lhp-fc__ipa{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(13px,1.6vw,15px)!important;color:var(--learner-color-text-muted);background:var(--learner-color-surface-soft)}[data-zone=learner] .hapio-lhp-fc__ipa,[data-zone=learner] .hapio-lhp-fc__pos{padding:var(--learner-space-1) var(--learner-space-3);border-radius:var(--learner-radius-sm)}[data-zone=learner] .hapio-lhp-fc__pos{display:inline-flex;background:var(--learner-color-brand);color:var(--learner-color-on-accent);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}[data-zone=learner] .hapio-lhp-fc__spk{position:relative;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--learner-color-border);border-radius:50%;background:var(--learner-color-surface-soft);color:var(--learner-color-brand);cursor:pointer;flex:0 0 auto;transition:transform var(--learner-duration-fast),background var(--learner-duration-fast)}[data-zone=learner] .hapio-lhp-fc__spk:hover{background:var(--learner-color-brand-soft);border-color:transparent;transform:scale(1.06)}[data-zone=learner] .hapio-lhp-fc__spk:active{transform:scale(.95)}[data-zone=learner] .hapio-lhp-fc__spk svg{width:20px;height:20px;position:relative;z-index:2}[data-zone=learner] .hapio-lhp-fc__spk:after,[data-zone=learner] .hapio-lhp-fc__spk:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--learner-color-brand);opacity:0;pointer-events:none}[data-zone=learner] .hapio-lhp-fc__spk.is-playing:before{animation:hapio-lhp-fc-ring 1s var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-fc__spk.is-playing:after{animation:hapio-lhp-fc-ring 1s var(--learner-ease-out) .28s}@keyframes hapio-lhp-fc-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}[data-zone=learner] .hapio-lhp-fc__hint{margin-top:var(--learner-space-5);display:inline-flex;align-items:center;gap:var(--learner-space-2);font-size:var(--learner-text-sm)!important;font-weight:600;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-fc__hint svg{width:16px;height:16px;color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-fc__hide{margin-top:var(--learner-space-5);display:inline-flex;align-items:center;gap:var(--learner-space-2);padding:var(--learner-space-2) var(--learner-space-4);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-pill);background:var(--learner-color-surface);color:var(--learner-color-text-subtle);font:inherit;font-size:var(--learner-text-sm);font-weight:600;cursor:pointer;transition:all var(--learner-duration-fast)}[data-zone=learner] .hapio-lhp-fc__hide:hover{color:var(--learner-color-text-muted);border-color:var(--learner-color-text-subtle);background:var(--learner-color-surface-soft)}[data-zone=learner] .hapio-lhp-fc__hide svg{width:15px;height:15px}[data-zone=learner] .hapio-lhp-fc__mean{font-size:clamp(26px,3.8vw,42px);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-fc__def{margin:var(--learner-space-3) 0 0;max-width:520px;font-size:clamp(15px,1.9vw,18px);line-height:1.6;color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-fc__ex{position:relative;width:100%;max-width:560px;margin-top:var(--learner-space-5);padding:var(--learner-space-4) var(--learner-space-8) var(--learner-space-4) var(--learner-space-5);border-radius:var(--learner-radius-lg);background:var(--learner-color-surface);border:1px solid var(--learner-color-border);text-align:left;transition:background var(--learner-duration-fast)}[data-zone=learner] .hapio-lhp-fc__ex.is-clickable{cursor:pointer}[data-zone=learner] .hapio-lhp-fc__ex.is-clickable:hover{background:var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-fc__exspk{position:absolute;top:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;border-radius:var(--learner-radius-sm);background:var(--learner-color-brand-soft);color:var(--learner-color-brand);pointer-events:none}[data-zone=learner] .hapio-lhp-fc__exspk svg{width:16px;height:16px}[data-zone=learner] .hapio-lhp-fc__exen{margin:0;padding-right:var(--learner-space-6);font-size:clamp(15px,1.9vw,18px);font-weight:600;line-height:1.5;color:var(--learner-color-text)}[data-zone=learner] .hapio-lhp-fc__exvi{margin:var(--learner-space-2) 0 0;font-size:var(--learner-text-sm);font-style:italic;color:var(--learner-color-text-muted)}@media (max-width:760px){[data-zone=learner] .hapio-lhp-fc__stage{padding:var(--learner-space-4) var(--learner-space-4);align-items:flex-start}[data-zone=learner] .hapio-lhp-fc__card,[data-zone=learner] .hapio-lhp-fc__card.is-solo{grid-template-columns:minmax(0,1fr);gap:var(--learner-space-4)}[data-zone=learner] .hapio-lhp-fc__imgbox{aspect-ratio:16/10;max-height:34vh}[data-zone=learner] .hapio-lhp-fc__face{padding:var(--learner-space-3) var(--learner-space-2)}}[data-zone=learner] .hapio-lhp-fc__empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--learner-space-3);max-width:420px}[data-zone=learner] .hapio-lhp-fc__emptybadge{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--learner-color-surface);border:1px solid var(--learner-color-border);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-fc__emptybadge svg{width:26px;height:26px}[data-zone=learner] .hapio-lhp-fc__empty h2{margin:0;font-size:var(--learner-text-xl);font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-fc__empty p{margin:0;font-size:var(--learner-text-base);line-height:1.55;color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-fc__emptybtn{margin-top:var(--learner-space-2);height:46px;padding:0 var(--learner-space-6);border:0;border-radius:var(--learner-radius-md);background:var(--learner-color-brand);color:var(--learner-color-on-accent);font:inherit;font-size:var(--learner-text-md);font-weight:600;cursor:pointer;box-shadow:0 10px 22px -10px var(--learner-color-brand-border)}[data-zone=learner] .hapio-lhp-fc__emptybtn:hover{filter:brightness(1.05)}[data-zone=learner] .hapio-lhp-fc__bottom{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--learner-space-3);padding:var(--learner-space-3) var(--learner-space-4) calc(var(--learner-space-3) + env(safe-area-inset-bottom));background:var(--learner-color-surface);border-top:1px solid var(--learner-color-border)}[data-zone=learner] .hapio-lhp-fc__legend{display:flex;flex-wrap:wrap;gap:var(--learner-space-1) var(--learner-space-4);justify-content:center;align-items:center;font-size:var(--learner-text-xs)!important;font-weight:600;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-fc__legend kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;margin:0 2px;border:solid var(--learner-color-border);border-width:1px 1px 2px;border-radius:var(--learner-radius-sm);background:var(--learner-color-surface-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-fc__legend .is-mobile{display:none}@media (max-width:700px){[data-zone=learner] .hapio-lhp-fc__legend .is-desktop{display:none}[data-zone=learner] .hapio-lhp-fc__legend .is-mobile{display:inline}}[data-zone=learner] .hapio-lhp-fc__controls{display:flex;align-items:center;justify-content:center;gap:var(--learner-space-3)}[data-zone=learner] .hapio-lhp-fc__nav{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--learner-color-border);border-radius:50%;background:var(--learner-color-surface);color:var(--learner-color-text-body);cursor:pointer;box-shadow:var(--learner-shadow-xs);transition:all var(--learner-duration-fast)}[data-zone=learner] .hapio-lhp-fc__nav:hover{border-color:var(--learner-color-brand-border);background:var(--learner-color-brand-soft);color:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-fc__nav:active{transform:scale(.94)}[data-zone=learner] .hapio-lhp-fc__nav:disabled{opacity:.34;pointer-events:none}[data-zone=learner] .hapio-lhp-fc__nav svg{width:21px;height:21px}[data-zone=learner] .hapio-lhp-fc__flipbtn{height:50px;padding:0 var(--learner-space-7);display:inline-flex;align-items:center;gap:var(--learner-space-2);white-space:nowrap;border:0;border-radius:var(--learner-radius-lg);background:var(--learner-color-brand);color:var(--learner-color-on-accent);font:inherit;font-size:var(--learner-text-md);font-weight:600;cursor:pointer;box-shadow:0 10px 22px -10px var(--learner-color-brand-border);transition:filter var(--learner-duration-fast),transform var(--learner-duration-fast)}[data-zone=learner] .hapio-lhp-fc__flipbtn:hover{filter:brightness(1.05)}[data-zone=learner] .hapio-lhp-fc__flipbtn:active{transform:scale(.97)}[data-zone=learner] .hapio-lhp-fc__flipbtn svg{width:19px;height:19px}[data-zone=learner] .hapio-lhp-fc__hidmask{position:absolute;inset:0;z-index:20;background:color-mix(in srgb,var(--learner-color-text-strong) 42%,transparent);animation:hapio-lhp-fc-fade var(--learner-duration-fast) var(--learner-ease-out)}@keyframes hapio-lhp-fc-fade{0%{opacity:0}to{opacity:1}}[data-zone=learner] .hapio-lhp-fc__hidpanel{position:absolute;top:54px;right:16px;z-index:21;width:min(360px,calc(100vw - 32px));max-height:min(70vh,560px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-xl);background:var(--learner-color-surface);box-shadow:var(--learner-shadow-pop);transform-origin:top right;animation:hapio-lhp-fc-pop var(--learner-duration-base) var(--learner-ease-out)}@keyframes hapio-lhp-fc-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}[data-zone=learner] .hapio-lhp-fc__hidhead{display:flex;align-items:center;gap:var(--learner-space-2);padding:var(--learner-space-3) var(--learner-space-3) var(--learner-space-3) var(--learner-space-4);border-bottom:1px solid var(--learner-color-border)}[data-zone=learner] .hapio-lhp-fc__hidhead b{font-size:var(--learner-text-md);font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-fc__hidsub{font-size:var(--learner-text-xs);font-weight:700;color:var(--learner-color-text-muted);background:var(--learner-color-surface-soft);padding:2px var(--learner-space-2);border-radius:var(--learner-radius-pill)}[data-zone=learner] .hapio-lhp-fc__hidbody{overflow-y:auto;padding:var(--learner-space-2);display:flex;flex-direction:column;gap:var(--learner-space-2)}[data-zone=learner] .hapio-lhp-fc__hidrow{display:flex;align-items:center;gap:var(--learner-space-3);padding:var(--learner-space-2) var(--learner-space-3);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-md);background:var(--learner-color-surface-soft)}[data-zone=learner] .hapio-lhp-fc__hidinfo{flex:1;min-width:0}[data-zone=learner] .hapio-lhp-fc__hidterm{font-size:var(--learner-text-base);font-weight:700;color:var(--learner-color-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-zone=learner] .hapio-lhp-fc__hidmean{font-size:var(--learner-text-sm);color:var(--learner-color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-zone=learner] .hapio-lhp-fc__hiddel{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--learner-space-1);height:32px;padding:0 var(--learner-space-3);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-sm);background:var(--learner-color-surface);color:var(--learner-color-text-muted);font:inherit;font-size:var(--learner-text-sm);font-weight:600;cursor:pointer;transition:all var(--learner-duration-fast)}[data-zone=learner] .hapio-lhp-fc__hiddel:hover{color:var(--learner-tone-rose-text);border-color:var(--learner-tone-rose-ring);background:var(--learner-tone-rose-soft)}[data-zone=learner] .hapio-lhp-fc__hiddel svg{width:15px;height:15px}[data-zone=learner] .hapio-lhp-fc__hidempty{padding:var(--learner-space-7) var(--learner-space-4);text-align:center;font-size:var(--learner-text-sm);font-weight:600;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-fc__hidnote{padding:var(--learner-space-3) var(--learner-space-4);border-top:1px solid var(--learner-color-border);font-size:var(--learner-text-xs);line-height:1.5;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-fc__hidnote b{color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-fc__hidbody::-webkit-scrollbar{width:0;height:0;display:none}[data-zone=learner] .hapio-lhp-fc__hidbody{scrollbar-width:none;-ms-overflow-style:none}.hapio-lhp-gamebar{position:fixed;inset-inline:0;bottom:0;z-index:30;display:flex;align-items:center;gap:8px;padding:10px 14px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--learner-color-border,#e2e8f0);background:color-mix(in srgb,var(--learner-color-surface,#ffffff) 92%,transparent);backdrop-filter:blur(12px)}.hapio-lhp-gamebar svg{flex-shrink:0}.hapio-lhp-gtab{flex:0 0 auto;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid var(--learner-color-border,#e2e8f0);border-radius:999px;background:var(--learner-color-surface,#ffffff);color:var(--learner-color-text-muted,#64748b);font:inherit;text-decoration:none;cursor:pointer;transition:color .12s,background .12s,border-color .12s,transform .12s}.hapio-lhp-gtab:hover:not(:disabled){color:var(--learner-color-text,#0f172a);border-color:var(--learner-color-border-strong,#cbd5e1);background:var(--learner-color-surface-soft,#f1f5f9)}.hapio-lhp-gtab:disabled{opacity:.4;cursor:not-allowed}.hapio-lhp-gtab__ic{display:flex;align-items:center;justify-content:center}.hapio-lhp-gtab__ic svg{width:20px;height:20px}.hapio-lhp-gtab__lbl{display:none;white-space:nowrap}.hapio-lhp-gtab[data-nav=prev]{margin-inline-start:auto}.hapio-lhp-gtab--cta,.hapio-lhp-gtab--on{width:auto;min-width:104px;gap:7px;padding:0 20px;border:0;background:var(--learner-color-brand,#2563eb);color:var(--learner-color-on-accent,#ffffff);font-size:14px;font-weight:700}.hapio-lhp-gtab--cta .hapio-lhp-gtab__lbl,.hapio-lhp-gtab--on .hapio-lhp-gtab__lbl{display:inline}.hapio-lhp-gtab--cta{flex-direction:row-reverse}.hapio-lhp-gtab--cta .hapio-lhp-gtab__ic svg,.hapio-lhp-gtab--on .hapio-lhp-gtab__ic svg{width:18px;height:18px;color:var(--learner-color-on-accent,#ffffff);stroke:var(--learner-color-on-accent,#ffffff)}.hapio-lhp-gtab--cta:hover:not(:disabled),.hapio-lhp-gtab--on:hover:not(:disabled){background:var(--learner-color-brand-strong,#1d4ed8);color:var(--learner-color-on-accent,#ffffff)}.hapio-lhp-gtab--cta:active:not(:disabled),.hapio-lhp-gtab--on:active:not(:disabled){transform:scale(.98)}.hapio-lhp-gtab--on~.hapio-lhp-gtab--cta{min-width:0;padding:0 16px;background:var(--learner-color-surface,#ffffff);color:var(--learner-color-brand,#2563eb);border:1px solid var(--learner-color-border,#e2e8f0)}.hapio-lhp-gtab--on~.hapio-lhp-gtab--cta .hapio-lhp-gtab__ic svg{color:var(--learner-color-brand,#2563eb);stroke:var(--learner-color-brand,#2563eb)}@media (max-width:640px){.hapio-lhp-gamebar{gap:6px;padding:8px 10px max(8px,env(safe-area-inset-bottom))}.hapio-lhp-gtab{width:40px;height:40px}.hapio-lhp-gtab--cta,.hapio-lhp-gtab--on{width:auto;min-width:0;padding:0 16px;font-size:13.5px}.hapio-lhp-gamebar .hapio-lhp-gtab--cta .hapio-lhp-gtab__lbl[data-short],.hapio-lhp-gamebar .hapio-lhp-gtab--on .hapio-lhp-gtab__lbl[data-short]{font-size:0}.hapio-lhp-gamebar .hapio-lhp-gtab--cta .hapio-lhp-gtab__lbl[data-short]:after,.hapio-lhp-gamebar .hapio-lhp-gtab--on .hapio-lhp-gtab__lbl[data-short]:after{content:attr(data-short);font-size:13.5px;font-weight:700}}@media (min-width:768px){.lhpv-inline-game-overlay .hapio-lhp-gamebar{padding-inline:max(12px,calc((100% - 820px) / 2 + 14px))}.lhpv-inline-game-overlay .hapio-lhp-gtab{width:auto;min-width:0;padding:0 15px;gap:8px;font-size:14px;font-weight:600}.lhpv-inline-game-overlay .hapio-lhp-gtab__lbl{display:inline}}.hapio-lhp-gamebar__btn{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--learner-space-2);white-space:nowrap;height:42px;padding:0 18px;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;cursor:pointer;transition:all var(--learner-duration-fast,.12s)}.hapio-lhp-gamebar__btn svg{width:15px;height:15px}.hapio-lhp-gamebar__btn:hover:not(:disabled){border-color:var(--learner-color-border-strong,#cbd5e1);background:var(--learner-color-surface-soft,#f1f5f9)}.hapio-lhp-gamebar__btn:disabled{cursor:not-allowed;opacity:.4}.hapio-lhp-gamebar__back{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:var(--learner-space-2);height:40px;width:40px;border:0;border-radius:var(--learner-radius-pill,999px);background:transparent;color:var(--learner-color-text-muted,#64748b);font:inherit;font-size:var(--learner-text-sm,13px);font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--learner-duration-fast,.12s)}.hapio-lhp-gamebar__back svg{width:18px;height:18px}.hapio-lhp-gamebar__back:hover{color:var(--learner-color-text,#0f172a);background:var(--learner-color-surface-soft,#f1f5f9)}@media (min-width:640px){.hapio-lhp-gamebar__back{width:auto;padding:0 var(--learner-space-4)}}.hapio-lhp-gamebar__pick{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--learner-space-2);white-space:nowrap;height:40px;padding:0 16px;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;cursor:pointer;transition:all var(--learner-duration-fast,.12s)}.hapio-lhp-gamebar__pick svg{width:16px;height:16px;color:var(--learner-color-brand,#2563eb)}.hapio-lhp-gamebar__pick:hover{border-color:var(--learner-color-border-strong,#cbd5e1);background:var(--learner-color-surface-soft,#f1f5f9)}.hapio-lhp-gamebar__check{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--learner-space-2);white-space:nowrap;height:42px;padding:0 22px;border:0;border-radius:var(--learner-radius-pill,999px);background:var(--learner-color-text-strong,#020617);color:var(--learner-color-surface,#ffffff);font:inherit;font-size:var(--learner-text-sm,13px);font-weight:700;cursor:pointer;transition:all var(--learner-duration-base,.2s)}.hapio-lhp-gamebar__check svg{width:14px;height:14px}.hapio-lhp-gamebar__check:hover:not(:disabled){filter:brightness(1.15)}.hapio-lhp-gamebar__check:disabled{cursor:not-allowed;opacity:.5}.hapio-lhp-gamebar__next{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--learner-space-2);white-space:nowrap;height:42px;padding:0 22px;border:0;border-radius:var(--learner-radius-pill,999px);background:var(--learner-color-brand-gradient,linear-gradient(135deg,#3b82f6 0,#06b6d4 100%));color:var(--learner-color-on-accent,#ffffff);font:inherit;font-size:var(--learner-text-sm,13px);font-weight:700;cursor:pointer;box-shadow:0 6px 16px -7px var(--learner-color-brand-border,#bfdbfe);transition:all var(--learner-duration-base,.2s)}.hapio-lhp-gamebar__next svg{width:14px;height:14px}.hapio-lhp-gamebar__next:hover:not(:disabled){filter:brightness(1.06)}.hapio-lhp-gamebar__next:active:not(:disabled){transform:scale(.97)}.hapio-lhp-gamebar__next:disabled{cursor:not-allowed;opacity:.6}.hapio-lhp-gamebar__lbl{white-space:nowrap}@media (max-width:639px){.hapio-lhp-gamebar__back .hapio-lhp-gamebar__lbl,.hapio-lhp-gamebar__btn .hapio-lhp-gamebar__lbl,.hapio-lhp-gamebar__next .hapio-lhp-gamebar__lbl,.hapio-lhp-gamebar__pick .hapio-lhp-gamebar__lbl{display:none}.hapio-lhp-gamebar__btn{padding:0 14px}.hapio-lhp-gamebar__pick{padding:0 12px}}.hapio-lhp-gamebar__spin{animation:hapio-lhp-gamebar-spin .8s linear infinite}@keyframes hapio-lhp-gamebar-spin{to{transform:rotate(1turn)}}.hapio-lhp-gchrome{display:flex;flex-direction:column;gap:var(--learner-space-3);padding-bottom:80px}.hapio-lhp-gchrome__card{position:relative;overflow:hidden;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-sm)}.hapio-lhp-gchrome__card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--learner-game-topbar)}.hapio-lhp-gchrome__head{flex-wrap:wrap;justify-content:space-between;padding:18px var(--learner-space-5);border-bottom:1px solid var(--learner-color-border-soft,#eef2f7)}.hapio-lhp-gchrome__head,.hapio-lhp-gchrome__id{display:flex;align-items:center;gap:var(--learner-space-3)}.hapio-lhp-gchrome__id{min-width:0}.hapio-lhp-gchrome__tile{width:40px;height:40px;flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;color:var(--learner-color-on-accent,#ffffff);background:linear-gradient(135deg,var(--gx-icon,var(--learner-color-brand,#2563eb)),var(--gx-text,var(--learner-color-brand-strong,#1d4ed8)));box-shadow:0 6px 14px -6px color-mix(in srgb,var(--gx-icon,var(--learner-color-brand,#2563eb)) 55%,transparent)}.hapio-lhp-gchrome__tile svg{width:20px;height:20px}.hapio-lhp-gchrome__title{font-size:var(--learner-text-sm,13px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--learner-color-text-body,#334155)}.hapio-lhp-gchrome__tools{display:flex;align-items:center;gap:var(--learner-space-2)}.hapio-lhp-gchrome__timer{display:inline-flex;align-items:center;gap:6px;padding:5px var(--learner-space-3);border-radius:var(--learner-radius-pill,999px);background:var(--learner-color-danger-soft,#fee2e2);color:var(--learner-color-danger,#dc2626);font-size:var(--learner-text-sm,13px);font-weight:700;font-variant-numeric:tabular-nums}.hapio-lhp-gchrome__timer.is-warn{filter:saturate(1.2) brightness(.96)}.hapio-lhp-gchrome__timer svg{width:13px;height:13px}.hapio-lhp-gchrome__hint{width:32px;height:32px;flex:0 0 auto;display:inline-grid;place-items:center;border:0;border-radius:50%;background:var(--learner-tone-amber-soft,#fffbeb);color:var(--learner-tone-amber-text,#d97706);cursor:pointer;transition:all var(--learner-duration-fast,.12s)}.hapio-lhp-gchrome__hint:hover:not(:disabled){filter:brightness(.96)}.hapio-lhp-gchrome__hint.is-used{background:var(--learner-tone-amber-icon,#f59e0b);color:var(--learner-color-on-accent,#ffffff)}.hapio-lhp-gchrome__hint:disabled{background:var(--learner-color-surface-soft,#f1f5f9);color:var(--learner-color-text-subtle,#94a3b8);cursor:not-allowed}.hapio-lhp-gchrome__hint svg{width:16px;height:16px}.hapio-lhp-gchrome__help{width:32px;height:32px;flex:0 0 auto;display:inline-grid;place-items:center;border:0;border-radius:50%;background:var(--learner-color-surface-soft,#f1f5f9);color:var(--learner-color-text-subtle,#94a3b8);font:inherit;font-size:var(--learner-text-md);font-weight:700;text-decoration:none;cursor:pointer}.hapio-lhp-gchrome__help:hover{color:var(--learner-color-text-muted,#64748b)}.hapio-lhp-gchrome__body{padding:var(--learner-space-5)}.hapio-lhp-gchrome__progress{text-align:center;font-size:var(--learner-text-xs,12px);font-weight:600;color:var(--learner-color-text-muted,#64748b)}.hapio-lhp-gchrome.t-blue{--gx-icon:var(--learner-tone-blue-icon,#3b82f6);--gx-text:var(--learner-tone-blue-text,#2563eb)}.hapio-lhp-gchrome.t-sky{--gx-icon:var(--learner-tone-sky-icon,#0ea5e9);--gx-text:var(--learner-tone-sky-text,#0284c7)}.hapio-lhp-gchrome.t-violet{--gx-icon:var(--learner-tone-violet-icon,#8b5cf6);--gx-text:var(--learner-tone-violet-text,#7c3aed)}.hapio-lhp-gchrome.t-amber{--gx-icon:var(--learner-tone-amber-icon,#f59e0b);--gx-text:var(--learner-tone-amber-text,#d97706)}.hapio-lhp-gchrome.t-orange{--gx-icon:var(--learner-color-learning,#f97316);--gx-text:var(--learner-color-learning-strong,#ea580c)}.hapio-lhp-gchrome.t-emerald{--gx-icon:var(--learner-tone-emerald-icon,#10b981);--gx-text:var(--learner-tone-emerald-text,#059669)}.hapio-lhp-gchrome.t-green{--gx-icon:var(--learner-tone-green-icon,#22c55e);--gx-text:var(--learner-color-success,#16a34a)}.hapio-lhp-gchrome.t-rose{--gx-icon:var(--learner-tone-rose-icon,#f43f5e);--gx-text:var(--learner-tone-rose-text,#e11d48)}.hapio-lhp-gchrome.t-slate{--gx-icon:var(--learner-tone-slate-icon,#64748b);--gx-text:var(--learner-tone-slate-text,#334155)}