.lhpv-theme-preview{display:grid;gap:14px;border:1px solid var(--lhp-border);border-radius:var(--lhp-radius-2xl);background:linear-gradient(135deg,var(--lhp-surface),var(--lhp-surface-muted));padding:16px;box-shadow:var(--lhp-shadow-xs)}.lhpv-theme-preview__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px}.lhpv-theme-preview__eyebrow{margin:0;color:var(--lhp-text-subtle);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.lhpv-theme-preview__title{margin:4px 0 0;color:var(--lhp-text);font-size:15px;font-weight:700}.lhpv-theme-preview__desc{margin:4px 0 0;color:var(--lhp-text-muted);font-size:12.5px;line-height:1.55}.lhpv-theme-preview__swatches{display:inline-flex;flex-wrap:wrap;gap:6px}.lhpv-theme-preview__swatch{width:22px;height:22px;border-radius:var(--lhp-radius-pill);border:1px solid var(--lhp-border);background:var(--swatch-bg,var(--lhp-surface));box-shadow:var(--lhp-shadow-inset-border)}.lhpv-theme-preview__swatch--accent{--swatch-bg:var(--lhp-accent)}.lhpv-theme-preview__swatch--warning{--swatch-bg:var(--lhp-warning)}.lhpv-theme-preview__swatch--success{--swatch-bg:var(--lhp-success)}.lhpv-theme-preview__swatch--pink{--swatch-bg:var(--lhp-pink)}.lhpv-theme-preview__body{display:grid;gap:12px}.lhpv-theme-preview__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.lhpv-theme-preview__mini-card{flex:1 1 180px;min-width:0;border:1px solid var(--lhp-border);border-radius:var(--lhp-radius-xl);background:var(--lhp-surface);padding:12px;box-shadow:var(--lhp-shadow-xs)}.lhpv-theme-preview__mini-card strong{display:block;color:var(--lhp-text);font-size:13px}.lhpv-theme-preview__mini-card span{display:block;margin-top:4px;color:var(--lhp-text-muted);font-size:12px}.lhpv-theme-preview__lock{display:inline-flex;align-items:center;gap:8px;color:var(--lhp-text-muted);font-size:12.5px;font-weight:700}@media (max-width:720px){.lhpv-theme-preview{padding:14px}.lhpv-theme-preview__row{align-items:stretch}}.lhpv-fsrs-panel,.lhpv-page-stack{display:flex;flex-direction:column;gap:24px}.lhpv-empty-state,.lhpv-info-card,.lhpv-panel,.lhpv-stat-card{border:1px solid var(--lhp-border);background:var(--lhp-surface);box-shadow:var(--lhp-shadow-card)}.lhpv-empty-state{border-radius:var(--lhp-radius-panel);padding:24px;color:var(--lhp-text-muted);font-size:14px;font-weight:700}.lhpv-content-grid,.lhpv-section-grid,.lhpv-stat-grid{display:grid;gap:18px}.lhpv-content-grid--two,.lhpv-section-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.lhpv-stat-grid--fsrs{grid-template-columns:repeat(5,minmax(0,1fr))}.lhpv-panel,.lhpv-stat-card{border-radius:var(--lhp-radius-panel);padding:24px}.lhpv-panel{display:flex;flex-direction:column;gap:16px}.lhpv-panel--soft{background:var(--lhp-surface-muted)}.lhpv-panel--dense{padding:18px}.lhpv-action-row,.lhpv-panel__top,.lhpv-status-pills{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.lhpv-panel__top{justify-content:space-between;align-items:flex-start}.lhpv-kicker{margin:0;color:var(--lhp-text-subtle);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.lhpv-heading{margin:8px 0 0;color:var(--lhp-text);font-size:24px;font-weight:950;letter-spacing:-.02em;line-height:1.15}.lhpv-heading--sm{font-size:18px}.lhpv-copy,.lhpv-message{margin:8px 0 0;color:var(--lhp-text-muted);font-size:14px;font-weight:700;line-height:1.6}.lhpv-message{margin:0}.lhpv-field-grid{display:grid;gap:12px}.lhpv-field-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.lhpv-field,.lhpv-info-card,.lhpv-toggle-row{border-radius:var(--lhp-radius-2xl);padding:14px}.lhpv-field,.lhpv-toggle-row{border:1px solid var(--lhp-border);background:var(--lhp-surface-muted)}.lhpv-field__label,.lhpv-info-card__label,.lhpv-info-card__title,.lhpv-toggle-row__title{display:block;color:var(--lhp-text);font-size:13px;font-weight:700}.lhpv-field__label{letter-spacing:.03em}.lhpv-toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;cursor:pointer}.lhpv-toggle-row__note,.lhpv-toggle-row__title{display:block}.lhpv-toggle-row__note{margin-top:4px;color:var(--lhp-text-muted);font-size:13px;font-weight:700;line-height:1.5}.lhpv-toggle-row__input{flex:0 0 auto;width:20px;height:20px;margin-top:2px;accent-color:var(--lhp-accent)}.lhpv-control{width:100%;margin-top:10px;border:1px solid var(--lhp-border);border-radius:var(--lhp-radius-2xl);background:var(--lhp-surface);color:var(--lhp-text);padding:12px 14px;font:inherit;font-weight:700;outline:none}.lhpv-control:focus{border-color:var(--lhp-accent-border);box-shadow:var(--lhp-focus-ring)}.lhpv-token-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.lhpv-status-pill,.lhpv-token-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--lhp-radius-pill);font-weight:850;line-height:1.2}.lhpv-token-chip{border:1px solid var(--lhp-border);background:var(--lhp-surface);color:var(--lhp-text-muted);padding:8px 12px;font-size:12px;cursor:pointer;transition:background var(--lhp-motion-fast) var(--lhp-ease),border-color var(--lhp-motion-fast) var(--lhp-ease),color var(--lhp-motion-fast) var(--lhp-ease),transform var(--lhp-motion-fast) var(--lhp-ease)}.lhpv-token-chip:focus-visible,.lhpv-token-chip:hover{border-color:var(--lhp-accent-border);background:var(--lhp-accent-soft);color:var(--lhp-accent-strong);transform:translateY(-1px)}.lhpv-token-chip.is-active{border-color:var(--lhp-text);background:var(--lhp-text);color:var(--lhp-text-inverse)}.lhpv-status-pill{border:1px solid var(--lhp-border);background:var(--lhp-surface-muted);color:var(--lhp-text-muted);padding:7px 11px;font-size:12px}.lhpv-status-pill.is-active{border-color:var(--lhp-success-border);background:var(--lhp-success-soft);color:var(--lhp-success-text)}.lhpv-stat-card{min-width:0;border-color:color-mix(in srgb,var(--stat-color) 18%,var(--lhp-border));background:linear-gradient(135deg,color-mix(in srgb,var(--stat-color) 10%,var(--lhp-surface)),var(--lhp-surface))}.lhpv-stat-card,.lhpv-stat-card[data-tone=indigo],.lhpv-stat-card[data-tone=sky]{--stat-color:var(--lhp-accent);--stat-bg:var(--lhp-accent-soft)}.lhpv-stat-card[data-tone=emerald]{--stat-color:var(--lhp-success);--stat-bg:var(--lhp-success-soft)}.lhpv-stat-card[data-tone=orange]{--stat-color:var(--lhp-warning);--stat-bg:var(--lhp-warning-soft)}.lhpv-stat-card[data-tone=pink]{--stat-color:var(--lhp-pink);--stat-bg:var(--lhp-pink-soft)}.lhpv-stat-card__label{margin:0;color:var(--stat-color);font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.lhpv-stat-card__value{display:block;margin-top:8px;color:var(--lhp-text);font-size:30px;font-weight:950;line-height:1;overflow-wrap:anywhere}.lhpv-stat-card__value--small{font-size:18px;line-height:1.25}.lhpv-stat-card__note{margin:8px 0 0;color:var(--lhp-text-muted);font-size:13px;font-weight:700;line-height:1.55}.lhpv-info-card{box-shadow:var(--lhp-shadow-xs)}.lhpv-info-card--callout{border-color:var(--lhp-warning-border-muted);background:var(--lhp-warning-soft-alpha)}.lhpv-info-card__body,.lhpv-kv-copy{color:var(--lhp-text-muted);font-size:13px;font-weight:700;line-height:1.6}.lhpv-info-card__body{margin-top:6px}.lhpv-info-card__body strong,.lhpv-kv-copy strong{color:var(--lhp-text)}.lhpv-kv-copy p{margin:0}.lhpv-kv-copy p+p{margin-top:6px}.lhpv-theme-preview__audit,.lhpv-theme-preview__token-row{display:flex;flex-wrap:wrap;gap:8px}.lhpv-theme-preview__audit-item,.lhpv-theme-preview__token{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--lhp-border);border-radius:var(--lhp-radius-pill);background:var(--lhp-surface);color:var(--lhp-text-muted);padding:7px 10px;font-size:11.5px;font-weight:850}.lhpv-theme-preview__audit-label{color:var(--lhp-text-subtle);text-transform:uppercase;letter-spacing:.08em}.lhpv-theme-preview__audit-value{color:var(--lhp-text)}.lhpv-theme-preview__token:before{content:"";width:9px;height:9px;border-radius:var(--lhp-radius-pill);background:var(--token-dot,var(--lhp-accent));box-shadow:var(--lhp-shadow-inset-border)}.lhpv-theme-preview__token--accent{--token-dot:var(--lhp-accent)}.lhpv-theme-preview__token--warning{--token-dot:var(--lhp-warning)}.lhpv-theme-preview__token--success{--token-dot:var(--lhp-success)}.lhpv-theme-preview__token--text{--token-dot:var(--lhp-text)}@media (max-width:1180px){.lhpv-stat-grid--fsrs{grid-template-columns:repeat(2,minmax(0,1fr))}.lhpv-content-grid--two,.lhpv-section-grid--two{grid-template-columns:1fr}}@media (max-width:720px){.lhpv-field-grid--two,.lhpv-stat-grid--fsrs{grid-template-columns:1fr}.lhpv-empty-state,.lhpv-panel,.lhpv-stat-card{padding:16px}.lhpv-panel__top{align-items:stretch}.lhpv-action-row .lhphuc-voca-dashboard-cta-btn{width:100%}}:where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard,#lhphuc-voca-dashboard-root){--lhpv-contract-version:wave43;--lhpv-space-page:24px;--lhpv-space-panel:18px;--lhpv-space-card:16px;--lhpv-panel-pad:24px;--lhpv-card-pad:20px;--lhpv-control-pad-y:12px;--lhpv-control-pad-x:14px;--lhpv-radius-panel:var(--lhp-radius-panel);--lhpv-radius-card:var(--lhp-radius-3xl);--lhpv-radius-control:var(--lhp-radius-2xl);--lhpv-surface-interactive:var(--lhp-surface-muted);--lhpv-surface-interactive-hover:color-mix(in srgb,var(--lhp-accent) 8%,var(--lhp-surface));--lhpv-border-interactive:var(--lhp-border);--lhpv-link-color:var(--lhp-accent-strong);--lhpv-link-hover:var(--lhp-text);--lhpv-danger-surface:var(--lhp-danger-soft);--lhpv-danger-border:var(--lhp-danger-border);--lhpv-warning-surface:var(--lhp-warning-soft);--lhpv-warning-border:var(--lhp-warning-border-soft);--lhpv-success-surface:var(--lhp-success-soft);--lhpv-success-border:var(--lhp-success-border)}:where(html[data-hapio-density=compact],body[data-hapio-density=compact]) :where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard,#lhphuc-voca-dashboard-root),body.hapio-density-compact :where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard,#lhphuc-voca-dashboard-root){--lhpv-space-page:18px;--lhpv-space-panel:14px;--lhpv-space-card:12px;--lhpv-panel-pad:18px;--lhpv-card-pad:16px;--lhpv-control-pad-y:9px}:where(html[data-hapio-contrast=high],body[data-hapio-contrast=high]) :where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard,#lhphuc-voca-dashboard-root),body.hapio-contrast-high :where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard,#lhphuc-voca-dashboard-root){--lhp-border-muted:var(--lhp-border-strong);--lhp-text-muted:var(--lhp-text-soft);--lhp-text-subtle:var(--lhp-text-muted);--lhp-focus-ring:0 0 0 4px color-mix(in srgb,var(--lhp-accent) 30%,transparent);--lhpv-border-interactive:var(--lhp-border-strong)}:where(html[data-hapio-motion=reduced],body[data-hapio-motion=reduced]) :where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard,#lhphuc-voca-dashboard-root),body.hapio-motion-reduced :where(.lhphuc-voca,.lhphuc-voca-app,.lhphuc-voca-dashboard,#lhphuc-voca-dashboard-root){--lhp-motion-fast:0ms;--lhp-motion-base:0ms;--lhp-motion-slow:0ms}:where(html[data-hapio-motion=reduced],body[data-hapio-motion=reduced]) :where(.lhphuc-voca *,.lhphuc-voca-app *,.lhphuc-voca-dashboard *,#lhphuc-voca-dashboard-root *),body.hapio-motion-reduced :where(.lhphuc-voca *,.lhphuc-voca-app *,.lhphuc-voca-dashboard *,#lhphuc-voca-dashboard-root *){animation-duration:0s!important;transition-duration:0s!important}.lhpv-fsrs-panel,.lhpv-game-page,.lhpv-page-stack{gap:var(--lhpv-space-page)}.lhpv-empty-state,.lhpv-panel,.lhpv-stat-card{padding:var(--lhpv-panel-pad)}.lhpv-empty-state,.lhpv-game-resume,.lhpv-game-shell,.lhpv-panel,.lhpv-stat-card{border-radius:var(--lhpv-radius-panel)}.lhpv-control,.lhpv-game-control{padding:var(--lhpv-control-pad-y) var(--lhpv-control-pad-x)}.lhpv-stat-grid--six{grid-template-columns:repeat(6,minmax(0,1fr))}.lhpv-link{color:var(--lhpv-link-color);font-size:12px;font-weight:950;text-decoration:none;transition:color var(--lhp-motion-fast) var(--lhp-ease)}.lhpv-link:focus-visible,.lhpv-link:hover{color:var(--lhpv-link-hover)}.lhp-glf__chip[data-qtype=reading],.lhp-glf__chip[data-qtype=reading_multi]{--chip-color:var(--lhp-cyan);--chip-bg:var(--lhp-cyan-soft)}.lhp-glf__chip[data-qtype=writing]{--chip-color:var(--lhp-orange-strong);--chip-bg:var(--lhp-warning-soft)}.lhp-qtype-pill[data-qtype=reading],.lhp-qtype-pill[data-qtype=reading_multi]{--qtype-color:var(--lhp-cyan);--qtype-bg:var(--lhp-cyan-soft);--qtype-border:color-mix(in srgb,var(--lhp-cyan) 36%,var(--lhp-border))}.lhp-qtype-pill[data-qtype=writing]{--qtype-color:var(--lhp-orange-strong);--qtype-bg:var(--lhp-warning-soft);--qtype-border:var(--lhp-warning-border-soft)}.lhpv-theme-contract-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--lhp-border);border-radius:var(--lhpv-radius-card);background:linear-gradient(135deg,color-mix(in srgb,var(--lhp-accent) 9%,var(--lhp-surface)),var(--lhp-surface));padding:var(--lhpv-card-pad);box-shadow:var(--lhp-shadow-xs)}.lhpv-theme-contract-card__label{display:block;color:var(--lhp-text-subtle);font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.lhpv-theme-contract-card__value{display:block;margin-top:4px;color:var(--lhp-text);font-size:18px;font-weight:950}.lhpv-game-actions,.lhpv-game-card__tags,.lhpv-game-chip-row,.lhpv-game-flow,.lhpv-membership-allowed__badges,.lhpv-membership-gate__actions,.lhpv-theme-contract-card__matrix{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.lhpv-game-card__tag,.lhpv-game-resume__score,.lhpv-membership-allowed__badges span,.lhpv-theme-contract-card__matrix span{display:inline-flex;align-items:center;border:1px solid var(--lhp-border);border-radius:var(--lhp-radius-pill);background:var(--lhp-surface);color:var(--lhp-text-muted);font-size:11px;font-weight:700;letter-spacing:.04em;padding:6px 10px}.lhpv-theme-contract-card__matrix span[data-contract-state=compact],.lhpv-theme-contract-card__matrix span[data-contract-state=dark],.lhpv-theme-contract-card__matrix span[data-contract-state=high],.lhpv-theme-contract-card__matrix span[data-contract-state=reduced]{border-color:var(--lhp-accent-border);background:var(--lhp-accent-soft);color:var(--lhp-accent-strong)}.lhpv-game-page{display:flex;flex-direction:column}.lhpv-game-card,.lhpv-game-empty,.lhpv-game-guide,.lhpv-game-resume,.lhpv-game-scope-box,.lhpv-game-shell,.lhpv-membership-allowed,.lhpv-membership-gate{border:1px solid var(--lhp-border);background:var(--lhp-surface);box-shadow:var(--lhp-shadow-card)}.lhpv-game-resume,.lhpv-game-shell,.lhpv-membership-gate{padding:var(--lhpv-panel-pad)}.lhpv-game-resume,.lhpv-game-shell{display:flex;flex-direction:column;gap:var(--lhpv-space-panel)}.lhpv-game-card__foot,.lhpv-game-card__top,.lhpv-game-guide,.lhpv-game-header,.lhpv-game-resume__head,.lhpv-game-search-row,.lhpv-membership-allowed{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.lhpv-game-card__main,.lhpv-game-guide__copy,.lhpv-game-header__copy,.lhpv-game-results-card__copy,.lhpv-game-resume__copy,.lhpv-game-search-row__copy{min-width:0}.lhpv-game-card,.lhpv-game-empty,.lhpv-game-guide,.lhpv-game-resume__card,.lhpv-game-scope-box,.lhpv-membership-allowed{border-radius:var(--lhpv-radius-card)}.lhpv-game-scope-box{display:flex;flex-direction:column;gap:var(--lhpv-space-card);background:var(--lhp-surface-muted);box-shadow:var(--lhp-shadow-xs)}.lhpv-game-card,.lhpv-game-empty,.lhpv-game-guide,.lhpv-game-resume__card,.lhpv-game-scope-box{padding:var(--lhpv-card-pad)}.lhpv-game-guide{background:var(--lhp-surface)}.lhpv-game-guide__copy p:not(.lhpv-kicker){margin:6px 0 0;color:var(--lhp-text-muted);font-size:14px;font-weight:700;line-height:1.55}.lhpv-game-search-row{align-items:center}.lhpv-game-search-controls{display:flex;flex-wrap:wrap;gap:10px;min-width:min(100%,280px)}.lhpv-game-control{border:1px solid var(--lhpv-border-interactive);border-radius:var(--lhpv-radius-control);background:var(--lhp-surface);color:var(--lhp-text);font:inherit;font-size:14px;font-weight:700;outline:none}.lhpv-game-control:focus{border-color:var(--lhp-accent-border);box-shadow:var(--lhp-focus-ring)}.lhpv-game-control--grow{flex:1 1 220px}.lhpv-game-control--button{cursor:pointer;color:var(--lhp-text-muted);transition:background var(--lhp-motion-fast) var(--lhp-ease),color var(--lhp-motion-fast) var(--lhp-ease),border-color var(--lhp-motion-fast) var(--lhp-ease)}.lhpv-game-control--button:focus-visible,.lhpv-game-control--button:hover{background:var(--lhpv-surface-interactive-hover);color:var(--lhp-accent-strong);border-color:var(--lhp-accent-border)}.lhpv-game-grid,.lhpv-game-resume__grid{display:grid;gap:var(--lhpv-space-card)}.lhpv-game-grid,.lhpv-game-resume__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lhpv-game-card,.lhpv-game-resume__card{color:inherit;text-decoration:none;background:var(--lhp-surface-muted);box-shadow:var(--lhp-shadow-xs);transition:transform var(--lhp-motion-fast) var(--lhp-ease),box-shadow var(--lhp-motion-fast) var(--lhp-ease),border-color var(--lhp-motion-fast) var(--lhp-ease),background var(--lhp-motion-fast) var(--lhp-ease)}.lhpv-game-card:focus-visible,.lhpv-game-card:hover,.lhpv-game-resume__card:focus-visible,.lhpv-game-resume__card:hover{border-color:var(--lhp-accent-border);background:var(--lhpv-surface-interactive-hover);box-shadow:var(--lhp-shadow-card);transform:translateY(-2px)}.lhpv-game-card__foot,.lhpv-game-card__top,.lhpv-game-resume__card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lhpv-game-card__title,.lhpv-game-resume__card h3{margin:12px 0 0;color:var(--lhp-text);font-size:20px;font-weight:950;line-height:1.22}.lhpv-game-card__desc,.lhpv-game-resume__meta{margin:14px 0 0;color:var(--lhp-text-strong);font-size:14px;font-weight:600;line-height:1.55}.lhpv-game-card__tags{margin-top:14px}.lhpv-game-card__tag,.lhpv-game-resume__score{color:var(--lhp-accent-strong);background:var(--lhp-surface)}.lhpv-game-card__foot{align-items:center;margin-top:18px;color:var(--lhp-text-muted);font-size:14px;font-weight:700}.lhpv-game-card__foot strong{color:var(--lhp-accent-strong);font-weight:700}.lhpv-game-empty{border-style:dashed;grid-column:1/-1;color:var(--lhp-text-muted);background:var(--lhp-surface-muted);font-size:14px;font-weight:600}.lhpv-game-empty p,.lhpv-game-note{margin:0}.lhpv-game-empty .lhpv-game-actions{margin-top:16px}.lhpv-game-note{color:var(--lhp-text-muted);font-size:12px;font-weight:600}.lhpv-game-results-card__copy{display:block}.lhpv-game-resume__card{border:1px solid var(--lhp-border);background:var(--lhp-surface-muted)}.lhpv-game-resume__score{font-size:11px;text-transform:uppercase}.lhpv-game-resume__context{margin:8px 0 0;color:var(--lhp-text-muted);font-size:12px;font-weight:600;line-height:1.45}.lhpv-membership-gate{border-radius:var(--lhpv-radius-panel)}.lhpv-membership-gate--empty-course{border-color:var(--lhpv-warning-border);background:linear-gradient(135deg,var(--lhpv-warning-surface),color-mix(in srgb,var(--lhp-orange) 8%,var(--lhp-surface)))}.lhpv-membership-gate--out-of-course{border-color:var(--lhpv-danger-border);background:linear-gradient(135deg,var(--lhpv-danger-surface),color-mix(in srgb,var(--lhp-pink) 8%,var(--lhp-surface)))}.lhpv-membership-gate__body{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px;text-align:center}.lhpv-membership-gate__actions{justify-content:center;margin-top:16px}.lhpv-membership-gate__body .lhpv-membership-gate__actions{margin-top:0}.lhpv-membership-gate__copy{max-width:620px;margin:0;color:var(--lhp-text-muted);font-size:13px;font-weight:600;line-height:1.55}.lhpv-membership-gate__copy span{color:var(--lhp-text);font-weight:950}.lhpv-membership-allowed{align-items:center;border-color:var(--lhpv-success-border);background:linear-gradient(90deg,var(--lhpv-success-surface),color-mix(in srgb,var(--lhp-teal) 8%,var(--lhp-surface)));box-shadow:var(--lhp-shadow-xs);padding:12px 16px}.lhpv-membership-allowed__copy{display:flex;align-items:center;gap:8px;min-width:0}.lhpv-membership-allowed__copy p{margin:0;color:var(--lhp-success-text);font-size:12px;font-weight:600;line-height:1.45}.lhpv-membership-allowed__copy p span{font-weight:950}.lhpv-membership-allowed__icon{flex:0 0 auto;font-size:16px}.lhpv-membership-allowed__badges span{border-radius:var(--lhp-radius-sm);border-color:var(--lhp-success-border);background:color-mix(in srgb,var(--lhp-success) 12%,var(--lhp-surface));color:var(--lhp-success-text);font-size:10px;letter-spacing:0}.lhpv-course-lock-panel__crown{color:var(--lhp-text-inverse)}.lhpv-course-lock-panel__wave{color:var(--lhp-surface)}@media (max-width:1180px){.lhpv-stat-grid--six{grid-template-columns:repeat(3,minmax(0,1fr))}.lhpv-game-grid,.lhpv-game-resume__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.lhpv-game-grid,.lhpv-game-resume__grid,.lhpv-stat-grid--six{grid-template-columns:1fr}.lhpv-game-guide,.lhpv-game-header,.lhpv-game-resume__head,.lhpv-game-search-row,.lhpv-membership-allowed{align-items:stretch;flex-direction:column}.lhpv-game-actions .lhphuc-voca-dashboard-cta-btn,.lhpv-membership-gate__actions .lhpv-mem-btn{width:100%;justify-content:center}}.hc-course-runtime__main:has([data-game-qtype=reading]),.hc-course-runtime__main:has([data-game-qtype=writing]){background:transparent}.btn-audio-lg{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 6px;border-radius:999px;border:1px solid rgba(226,232,240,.9);background:var(--lhphuc-voca-pro-white);font-weight:600;font-size:14px;color:var(--lhphuc-voca-pro-ink);cursor:pointer}.btn-audio-lg svg{width:28px;height:28px;border-radius:999px;display:block}.btn-audio-lg:hover{background:var(--lhphuc-voca-pro-surface-soft-2);border-color:var(--lhphuc-voca-pro-border-strong)}.lhphuc-voca__wv-status{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.lhphuc-voca__wv-status::-webkit-scrollbar{display:none}.lhphuc-voca__wv-status .status-chip{flex:0 0 auto}#lhphuc-voca-dashboard-root[data-theme=pro] .lhphuc-voca-dashboard-content{padding-bottom:32px}.lhphuc-voca-dashboard-shell:not(.has-course) .lhphuc-voca-dashboard-content{box-sizing:border-box;padding-left:clamp(16px,2vw,32px);padding-right:clamp(16px,2vw,32px)}@media (max-width:680px){.lhphuc-voca-dashboard-shell:not(.has-course) .lhphuc-voca-dashboard-content,.lhphuc-voca-dashboard-shell:not(.has-course) .lhphuc-voca-dashboard-content>.px-3{padding-left:0;padding-right:0}}@media (max-width:680px){.lhphuc-voca-dashboard-shell:not(.has-course) .lhphuc-voca-dashboard-content:has(.hapio-lhp-wv){padding-left:0;padding-right:0;overflow-x:clip}.hapio-album-experience:has(.hapio-lhp-wv){padding-left:0;padding-right:0;overflow-x:clip}}.lhphuc-voca-dashboard-nav-item.is-active,.lhphuc-voca-dashboard-nav-item:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--lhp-info) 16%,transparent),color-mix(in srgb,var(--lhp-pink) 12%,transparent))}.lhphuc-voca-dashboard-nav-item.is-active .lhphuc-voca-dashboard-nav-icon,.lhphuc-voca-dashboard-nav-item.is-active .lhphuc-voca-dashboard-nav-label{color:var(--lhp-text)}.lhphuc-voca-dashboard-panel{background:var(--lhp-surface);border:1px solid color-mix(in srgb,var(--lhp-border) 92%,transparent);border-radius:28px;padding:24px;box-shadow:0 24px 50px color-mix(in srgb,var(--lhp-text) 8%,transparent)}.lhphuc-voca-dashboard-panel__eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lhp-text-subtle)}.lhphuc-voca-dashboard-panel__title{margin:10px 0 0;font-size:28px;line-height:1.15;font-weight:700;color:var(--lhp-text)}.lhphuc-voca-dashboard-panel__desc{margin-top:12px;color:var(--lhp-text-muted);line-height:1.8}.lhphuc-voca-dashboard-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:18px;padding:12px 18px;font-size:14px;font-weight:700;border:1px solid color-mix(in srgb,var(--lhp-text-subtle) 24%,transparent);background:var(--lhp-surface);color:var(--lhp-text-strong)}.lhphuc-voca-dashboard-cta-btn--primary{background:var(--lhp-gradient-route-dark-cta);color:var(--lhp-text-inverse);border-color:transparent}.lhphuc-voca-dashboard-cta-btn--soft{background:var(--lhp-gradient-route-soft-cta);border-color:color-mix(in srgb,var(--lhp-info) 18%,transparent)}.lhphuc-voca-activity-stack{display:grid;gap:14px}.lhphuc-voca-activity-stack__item{border-radius:20px;border:1px solid color-mix(in srgb,var(--lhp-border) 90%,transparent);background:var(--lhp-surface);padding:18px}.lhphuc-voca-activity-stack__meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.lhphuc-voca-activity-stack__type{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.lhphuc-voca-lesson-prose{background:var(--lhp-gradient-soft-surface);box-shadow:0 20px 44px color-mix(in srgb,var(--lhp-text) 6%,transparent)}.lhphuc-voca-lesson-prose pre{font:inherit}.lhphuc-voca-dashboard-bottombar{display:none;box-sizing:border-box;max-width:100vw}.lhphuc-voca-dashboard-bottombar.is-album-dock{display:flex}.lhphuc-voca-dashboard-bottombar[data-role=bottombar]{width:100%;overflow:hidden;border-top:1px solid color-mix(in srgb,var(--lhp-border,#e2e8f0) 88%,transparent);box-shadow:0 -18px 42px color-mix(in srgb,var(--lhp-text,#0f172a) 8%,transparent);-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}.lhphuc-voca-dashboard-bottombar__icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px}.lhphuc-voca-dashboard-bottombar__icon i,.lhphuc-voca-dashboard-bottombar__icon svg{width:20px;height:20px;font-size:20px;line-height:1;display:block}.lhphuc-voca__bottombar--dashboard-proxy{width:100%}.lhphuc-voca__bottombar-nav--dashboard-proxy{display:flex;align-items:center;gap:8px;width:100%}.lhphuc-voca__navbtn{display:inline-flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:52px;border-radius:18px;border:1px solid color-mix(in srgb,var(--lhp-border) 95%,transparent);background:color-mix(in srgb,var(--lhp-surface) 98%,transparent);color:var(--lhp-text-soft);font-size:11px;font-weight:700}.lhphuc-voca__navbtn i{font-size:16px}.lhphuc-voca__navbtn.is-active{background:linear-gradient(135deg,color-mix(in srgb,var(--lhp-info) 18%,transparent),color-mix(in srgb,var(--lhp-pink) 10%,transparent));color:var(--lhp-text)}@media (max-width:1023px){#lhphuc-voca-dashboard-root[data-theme=pro] .lhphuc-voca-dashboard-content{padding-bottom:96px}.lhphuc-voca-dashboard-bottombar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--lhp-surface-muted) 92%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.lhphuc-voca-dashboard-bottombar[data-role=bottombar]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:6px;min-height:calc(74px + env(safe-area-inset-bottom, 0px))}}@media (min-width:1024px){.lhphuc-voca-dashboard-bottombar{display:none!important}.lhphuc-voca-dashboard-bottombar.is-album-dock{display:flex!important}}.lhphuc-voca-dashboard-contentgrid{display:block;min-width:0;max-width:100%}.lhphuc-voca-dashboard-contentmain{min-width:0;max-width:100%}@media (max-width:900px){#lhphuc-voca-dashboard-root,.lhphuc-voca-dashboard,.lhphuc-voca-dashboard-content,.lhphuc-voca-dashboard-contentgrid,.lhphuc-voca-dashboard-contentmain,.lhphuc-voca-dashboard-main,.lhphuc-voca-dashboard-shell{width:100%;max-width:100vw;min-width:0;box-sizing:border-box}.lhphuc-voca-dashboard-shell,.lhphuc-voca-dashboard-shell.has-course,.lhphuc-voca-dashboard-shell.has-course.course-closed,.lhphuc-voca-dashboard-shell.has-course.course-open,.lhphuc-voca-dashboard-shell.is-collapsed,.lhphuc-voca-dashboard-shell.is-collapsed.has-course.course-open{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.lhphuc-voca-dashboard-coursebar,.lhphuc-voca-dashboard-main,.lhphuc-voca-dashboard-overlay,.lhphuc-voca-dashboard-sidebar{grid-column:1;grid-row:1}#lhphuc-voca-dashboard-root,.lhphuc-voca-dashboard,.lhphuc-voca-dashboard-main,.lhphuc-voca-dashboard-shell{overflow-x:hidden}}@media (min-width:1400px){.lhphuc-voca-dashboard-contentgrid.is-student{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}}.lhphuc-voca-workspacerail{display:none}@media (min-width:1400px){.lhphuc-voca-workspacerail{display:flex;flex-direction:column;gap:20px;position:sticky;top:104px}}.lhphuc-voca-workspacerail__panel{border-radius:28px;border:1px solid color-mix(in srgb,var(--lhp-border) 92%,transparent);background:var(--lhp-surface);padding:22px;box-shadow:0 22px 44px color-mix(in srgb,var(--lhp-text) 8%,transparent)}.lhphuc-voca-workspacerail__panel--hero{background:linear-gradient(180deg,color-mix(in srgb,var(--lhp-surface) 98%,transparent),color-mix(in srgb,var(--lhp-info-soft) 90%,transparent))}.lhphuc-voca-workspacerail__panel--soft{background:linear-gradient(180deg,color-mix(in srgb,var(--lhp-surface) 98%,transparent),color-mix(in srgb,var(--lhp-pink-soft) 88%,transparent))}.lhphuc-voca-workspacerail__eyebrow{margin:0;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lhp-text-subtle)}.lhphuc-voca-workspacerail__panel h3,.lhphuc-voca-workspacerail__panel h4{margin:8px 0 0;color:var(--lhp-text);font-weight:700}.lhphuc-voca-workspacerail__panel h3{font-size:28px;line-height:1.1}.lhphuc-voca-workspacerail__panel h4{font-size:20px;line-height:1.2}.lhphuc-voca-workspacerail__desc{margin:12px 0 0;color:var(--lhp-text-muted);line-height:1.8;font-size:14px}.lhphuc-voca-workspacerail__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.lhphuc-voca-workspacerail__chips span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:color-mix(in srgb,var(--lhp-surface-muted) 95%,transparent);color:var(--lhp-text-strong);font-size:12px;font-weight:700}.lhphuc-voca-workspacerail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.lhphuc-voca-workspacerail__quickgrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.lhphuc-voca-workspacerail__quick{display:flex;flex-direction:column;gap:10px;min-height:96px;border-radius:22px;padding:16px;color:var(--lhp-text);font-size:13px;font-weight:700;border:1px solid color-mix(in srgb,var(--lhp-border) 90%,transparent)}.lhphuc-voca-workspacerail__quick i{font-size:18px}.lhphuc-voca-workspacerail__quick--blue{background:var(--lhp-gradient-route-blue)}.lhphuc-voca-workspacerail__quick--orange{background:var(--lhp-gradient-route-orange)}.lhphuc-voca-workspacerail__quick--green{background:var(--lhp-gradient-route-green)}.lhphuc-voca-workspacerail__quick--pink{background:var(--lhp-gradient-route-pink)}.lhphuc-voca-workspacerail__stack{display:grid;gap:12px}.lhphuc-voca-workspacerail__mini{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-radius:20px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--lhp-border) 88%,transparent)}.lhphuc-voca-workspacerail__mini p,.lhphuc-voca-workspacerail__mini span{margin:0}.lhphuc-voca-workspacerail__mini p{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--lhp-text-subtle)}.lhphuc-voca-workspacerail__mini strong{display:block;margin-top:6px;font-size:18px;line-height:1.2;color:var(--lhp-text)}.lhphuc-voca-workspacerail__mini span{font-size:12px;font-weight:700;color:var(--lhp-text-muted)}.lhphuc-voca-workspacerail__mini--blue{background:color-mix(in srgb,var(--lhp-info-soft) 90%,transparent)}.lhphuc-voca-workspacerail__mini--orange{background:color-mix(in srgb,var(--lhp-color-orange-50) 90%,transparent)}.lhphuc-voca-workspacerail__mini--green{background:color-mix(in srgb,var(--lhp-success-soft) 90%,transparent)}.lhphuc-voca-workspacerail__mini--pink{background:color-mix(in srgb,var(--lhp-pink-soft) 92%,transparent)}.lhphuc-voca-lesson-prose{border-radius:28px;border:1px solid color-mix(in srgb,var(--lhp-border) 92%,transparent);background:var(--lhp-gradient-route-muted-card);padding:28px;box-shadow:0 20px 44px color-mix(in srgb,var(--lhp-text) 7%,transparent)}.lhphuc-voca-lesson-prose pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Be Vietnam Pro,system-ui,sans-serif;color:var(--lhp-text-strong);line-height:1.95;background:transparent}.lhphuc-voca-dashboard-shell.has-course .lhphuc-voca-dashboard-main{min-width:0}.lhphuc-voca-dashboard-coursebar{min-width:300px;max-width:320px}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__open{text-decoration:none}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__completed{color:var(--lhp-text-soft)}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__completed.is-done{color:var(--lhp-text-inverse)}@media (max-width:900px){.lhphuc-voca-dashboard-shell.has-course{grid-template-columns:minmax(0,1fr)}}.lhphuc-voca-lesson-prose{display:grid;gap:18px}.lhphuc-voca-lesson-prose__section{padding:24px 24px 2px;border-radius:28px;border:1px solid color-mix(in srgb,var(--lhp-text-subtle) 16%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--lhp-surface) 97%,transparent),color-mix(in srgb,var(--lhp-surface-muted) 96%,transparent));box-shadow:0 18px 40px color-mix(in srgb,var(--lhp-text) 6%,transparent)}.lhphuc-voca-lesson-prose__section p{margin:0 0 22px;font-size:16px;line-height:1.9;color:var(--lhp-text-strong)}.lhphuc-voca-dashboard-contexttoggle{display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--lhp-text-subtle) 22%,transparent);background:color-mix(in srgb,var(--lhp-surface) 90%,transparent);color:var(--lhp-text-strong);border-radius:999px;padding:10px 14px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb,var(--lhp-text) 5%,transparent)}.lhphuc-voca-dashboard-contexttoggle.is-active{background:linear-gradient(135deg,color-mix(in srgb,var(--lhp-info) 14%,transparent),color-mix(in srgb,var(--lhp-pink) 8%,transparent));border-color:color-mix(in srgb,var(--lhp-info) 18%,transparent)}.lhphuc-voca-dashboard-utilitybar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px 0;flex-wrap:wrap}.lhphuc-voca-dashboard-utilitybar__actions,.lhphuc-voca-dashboard-utilitybar__context{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lhphuc-voca-dashboard-utilitybar__link,.lhphuc-voca-dashboard-utilitybar__pill{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:color-mix(in srgb,var(--lhp-surface) 82%,transparent);border:1px solid color-mix(in srgb,var(--lhp-text-subtle) 18%,transparent);color:var(--lhp-text-strong);font-size:12px;font-weight:700}.lhphuc-voca-dashboard-utilitybar__pill{box-shadow:0 12px 28px color-mix(in srgb,var(--lhp-text) 5%,transparent)}.lhphuc-voca-dashboard-utilitybar__link:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--lhp-info) 14%,transparent),color-mix(in srgb,var(--lhp-orange) 8%,transparent))}.lhphuc-voca-workspacerail__routegrid{display:grid;gap:12px}.lhphuc-voca-workspacerail__routecard{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--lhp-border) 90%,transparent);background:var(--lhp-gradient-route-card);color:var(--lhp-text);font-weight:700;box-shadow:0 14px 30px color-mix(in srgb,var(--lhp-text) 5%,transparent)}.lhphuc-voca-workspacerail__routecard i{color:var(--lhp-text-muted)}.lhphuc-voca__review-progressWrap{width:min(100%,600px);margin:0 auto}.lhphuc-voca__review-progressBar{height:6px;border-radius:999px;background:var(--lhp-border);overflow:hidden}.lhphuc-voca__review-word--large{font-size:2.75rem!important}@media (min-width:768px){.lhphuc-voca__review-word--large{font-size:3.3rem!important}}.lhphuc-voca__review-definition--large{font-size:1.25rem!important}@media (min-width:768px){.lhphuc-voca__review-definition--large{font-size:1.5rem!important}}.lhphuc-voca__review-quickBtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--lhp-border);background:var(--lhp-surface-muted);color:var(--lhp-text-muted);cursor:pointer;transition:all .15s ease;font-size:14px}.lhphuc-voca__review-quickBtn:hover{background:var(--lhp-border);color:var(--lhp-text)}.lhp-report-fab.error-icon-shake.is-left-float{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;padding:0!important;inset:auto auto calc(18px + env(safe-area-inset-bottom)) 18px!important}.lhp-report-fab.error-icon-shake.is-left-float svg{width:14px!important;height:14px!important}.lhp-report-modal-overlay:not(.is-open),.lhphuc-voca-badge-modal-overlay:not(.is-open){pointer-events:none!important;visibility:hidden!important}.hapio-sw-recent__head{display:flex;align-items:center;justify-content:space-between;gap:16px}.hapio-sw-recent__head h2{margin:0;color:#0f172a;font-size:18px;font-weight:700;letter-spacing:0}.hapio-sw-recent__head p{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:600}.hapio-sw-recent__all{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;border:1px solid #fed7aa;background:#fff7ed;color:#ea580c;padding:9px 13px;font-size:13px;font-weight:700;white-space:nowrap}.hapio-sw-recent__head h2,.hapio-sw-recent__head p{color:#ffffff}.hapio-sw-recent__head p{color:#fdba74;text-transform:uppercase;letter-spacing:.04em}.hapio-sw-recent__all{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.12);color:#ffffff}.hapio-sw-recent__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}.hapio-sw-recent__card{min-height:116px;display:grid;align-content:start;gap:7px;border-radius:16px;color:#ffffff;padding:13px;overflow:hidden}.hapio-sw-recent__card.is-tone-orange{background:linear-gradient(135deg,#fb923c,#ea580c)}.hapio-sw-recent__card.is-tone-blue{background:linear-gradient(135deg,#60a5fa,#2563eb)}.hapio-sw-recent__card.is-tone-violet{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.hapio-sw-recent__card span{font-size:10px;font-weight:700;text-transform:uppercase;opacity:.86}.hapio-sw-recent__card strong{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;text-transform:uppercase}.hapio-sw-recent__card em{display:-webkit-box;color:#ffffff;font-size:13px;font-style:normal;font-weight:700;line-height:1.25;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:1100px){.hapio-sw-recent__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.hapio-sw-recent__head{align-items:flex-start;flex-direction:column}.hapio-sw-recent__all{width:100%}.hapio-sw-recent__grid{grid-template-columns:1fr}}.hapio-ee-panel{border:1px solid #e5e7eb;background:#ffffff;border-radius:18px;padding:18px;margin:0 0 18px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 24px rgba(15,23,42,.04);min-width:0;max-width:100%;overflow-x:hidden;font-family:var(--lhphuc-voca-font,"Be Vietnam Pro",system-ui,-apple-system,sans-serif);color:#0a0f1d}.hapio-ee-panel,.hapio-ee-panel *,.hapio-ee-panel :after,.hapio-ee-panel :before{box-sizing:border-box}.hapio-ee-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}.hapio-ee-icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#7c3aed,#ec4899);display:grid;place-items:center;color:#fff;flex-shrink:0;box-shadow:0 6px 14px -4px rgba(124,58,237,.4)}.hapio-ee-headtext{min-width:min(100%,160px);flex:1 1 auto}.hapio-ee-title{font-size:16px;font-weight:700;line-height:1.2;letter-spacing:-.3px;margin:0;color:#0a0f1d}.hapio-ee-sub{color:#64748b;font-size:12.5px;font-weight:500;margin:2px 0 0;line-height:1.4}.hapio-ee-progress{margin-left:auto;display:inline-flex;align-items:center;gap:8px;background:#fafbfd;padding:8px 14px;border-radius:999px;border:1px solid #e8edf4;font-size:12.5px;font-weight:600;color:#475569;white-space:nowrap;flex:0 0 auto}.hapio-ee-progress-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.hapio-ee-progress.is-partial .hapio-ee-progress-dot{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.hapio-ee-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hapio-ee-grid.is-solo{grid-template-columns:1fr;max-width:460px}@media (max-width:720px){.hapio-ee-grid{grid-template-columns:1fr}}.hapio-ee-card{position:relative;border-radius:18px;padding:20px 22px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column;min-height:210px;cursor:pointer;border:1.5px solid transparent}.hapio-ee-card,.hapio-ee-card *,.hapio-ee-card:focus,.hapio-ee-card:hover,.hapio-ee-card:visited{text-decoration:none;color:inherit}.hapio-ee-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -14px rgba(15,23,42,.18)}.hapio-ee-card.is-rl:hover{border-color:rgba(124,58,237,.28)}.hapio-ee-card.is-sw:hover{border-color:rgba(236,72,153,.28)}.hapio-ee-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px}.hapio-ee-card.is-rl:before{background:linear-gradient(180deg,#7c3aed,#5b21b6)}.hapio-ee-card.is-sw:before{background:linear-gradient(180deg,#ec4899,#9d174d)}.hapio-ee-card-row{display:flex;align-items:center;gap:6px;margin-bottom:14px;flex-wrap:nowrap;min-width:0}.hapio-ee-skill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.hapio-ee-skill.is-rl{background:rgba(124,58,237,.12);color:#5b21b6}.hapio-ee-skill.is-sw{background:rgba(236,72,153,.12);color:#9d174d}.hapio-ee-status{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;font-size:10.5px;font-weight:600;line-height:1.4;white-space:nowrap;flex:0 0 auto}.hapio-ee-status.is-done{background:rgba(16,185,129,.1);color:#047857}.hapio-ee-status.is-todo{background:#fafbfd;color:#64748b;border:1px solid #e8edf4}.hapio-ee-name{font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-.4px;margin:0 0 6px;color:#0a0f1d}.hapio-ee-card.is-done{background:radial-gradient(circle at 100% 0,rgba(16,185,129,.08) 0,transparent 60%),#ffffff;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px -8px rgba(15,23,42,.08)}.hapio-ee-hero{display:flex;flex-direction:column;gap:14px;margin-top:auto;padding:14px 16px 12px;background:rgba(15,23,42,.02);border-radius:14px;border:1px solid rgba(15,23,42,.04)}.hapio-ee-hero-total{display:flex;flex-direction:column;align-items:center;line-height:1;text-align:center}.hapio-ee-hero-num{font-size:52px;font-weight:700;line-height:1;letter-spacing:-2px;background:linear-gradient(135deg,#0a0f1d,#475569);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hapio-ee-hero-lbl{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#64748b;margin-top:10px}.hapio-ee-hero-parts{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px dashed #e8edf4;padding-top:12px}.hapio-ee-hero-part{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.hapio-ee-hero-part-lbl{font-size:11px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.hapio-ee-hero-part-val{font-size:18px;font-weight:700;line-height:1;color:#0a0f1d;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.hapio-ee-hero-bar{height:3px;background:rgba(15,23,42,.06);border-radius:999px;overflow:hidden;margin-top:5px}.hapio-ee-hero-bar-fill{display:block;height:100%;border-radius:999px}.hapio-ee-card.is-rl .hapio-ee-hero-bar-fill{background:linear-gradient(90deg,#7c3aed,#5b21b6)}.hapio-ee-card.is-sw .hapio-ee-hero-bar-fill{background:linear-gradient(90deg,#ec4899,#9d174d)}.hapio-ee-foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px dashed #e8edf4;font-size:12.5px;color:#64748b}.hapio-ee-foot-date{display:inline-flex;align-items:center;gap:6px;font-weight:500}.hapio-ee-foot-cta{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:#64748b;transition:color .2s ease,gap .2s ease}.hapio-ee-card.is-rl:hover .hapio-ee-foot-cta{color:#5b21b6;gap:8px}.hapio-ee-card.is-sw:hover .hapio-ee-foot-cta{color:#9d174d;gap:8px}.hapio-ee-card.is-todo{background:#ffffff;border:1px solid #e8edf4;box-shadow:0 1px 2px rgba(15,23,42,.03)}.hapio-ee-card.is-todo.is-rl{background:linear-gradient(180deg,#ffffff 60%,rgba(124,58,237,.1))}.hapio-ee-card.is-todo.is-sw{background:linear-gradient(180deg,#ffffff 60%,rgba(236,72,153,.1))}.hapio-ee-todo-body{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;padding:4px 0 0}.hapio-ee-todo-headline{font-size:14px;font-weight:500;line-height:1.5;color:#475569;max-width:320px;margin:0}.hapio-ee-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-size:14px;font-weight:600;line-height:1.2;border:0;cursor:pointer;color:#ffffff;white-space:nowrap;margin-top:auto;align-self:stretch;transition:transform .2s ease,filter .2s ease}.hapio-ee-card.is-todo.is-rl .hapio-ee-cta{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 8px 20px -6px rgba(124,58,237,.45)}.hapio-ee-card.is-todo.is-sw .hapio-ee-cta{background:linear-gradient(135deg,#ec4899,#9d174d);box-shadow:0 8px 20px -6px rgba(236,72,153,.45)}.hapio-ee-card.is-todo:hover .hapio-ee-cta{transform:translateY(-1px);filter:brightness(1.05)}[data-zone=learner] .hapio-ee-card-row{flex-wrap:wrap}[data-zone=learner] .hapio-ee-skill{overflow:visible;text-overflow:clip;max-width:100%;font-size:11px!important}[data-zone=learner] .hapio-ee-status{font-size:10.5px!important}[data-zone=learner] .hapio-ee-title{font-size:16px!important;line-height:1.2!important}[data-zone=learner] .hapio-ee-sub{font-size:12.5px!important;line-height:1.4!important}[data-zone=learner] .hapio-ee-progress{font-size:12.5px!important}[data-zone=learner] .hapio-ee-name{font-size:18px!important}[data-zone=learner] .hapio-ee-cta,[data-zone=learner] .hapio-ee-todo-headline{font-size:14px!important}[data-zone=learner] .hapio-ee-hero-num{font-size:52px!important}[data-zone=learner] .hapio-ee-hero-lbl,[data-zone=learner] .hapio-ee-hero-part-lbl{font-size:11px!important}[data-zone=learner] .hapio-ee-hero-part-val{font-size:18px!important}[data-zone=learner] .hapio-ee-foot{font-size:12.5px!important}@media (max-width:600px){.hapio-ee-head{flex-wrap:wrap;gap:10px 12px}.hapio-ee-progress{margin-left:auto;padding:5px 10px;font-size:11px}.hapio-ee-card{padding:16px 18px;min-height:0}.hapio-ee-name{font-size:16px}.hapio-ee-hero{padding:12px 14px 10px}.hapio-ee-hero-num{font-size:44px}}@media (max-width:560px){[data-zone=learner] .hapio-sw-recent__all{padding:9px 12px;font-size:13px!important}[data-zone=learner] .hapio-sw-recent__head h2{font-size:16px!important}[data-zone=learner] .hapio-sw-recent__head p{font-size:12.5px!important}.hapio-ee-panel{padding:14px;border-radius:14px}.hapio-ee-card{padding:14px}[data-zone=learner] .hapio-ee-name{font-size:15px!important}[data-zone=learner] .hapio-ee-todo-headline{font-size:13px!important;line-height:1.4!important}[data-zone=learner] .hapio-ee-cta{padding:10px 16px;font-size:14px!important}}[data-css-theme=dark] [data-zone=learner] .hapio-ee-panel{border-color:var(--learner-color-border);background:var(--learner-color-surface);color:var(--learner-color-text)}[data-css-theme=dark] [data-zone=learner] .hapio-ee-title{color:var(--learner-color-text-strong)}[data-css-theme=dark] [data-zone=learner] .hapio-ee-sub{color:var(--learner-color-text-muted)}[data-css-theme=dark] [data-zone=learner] .hapio-ee-progress{background:var(--learner-color-surface-soft);border-color:var(--learner-color-border);color:var(--learner-color-text-body)}[data-css-theme=dark] [data-zone=learner] .hapio-ee-name{color:var(--learner-color-text-strong)}[data-css-theme=dark] [data-zone=learner] .hapio-ee-card.is-todo{background:var(--learner-color-surface);border-color:var(--learner-color-border)}[data-css-theme=dark] [data-zone=learner] .hapio-ee-card.is-done{background:var(--learner-color-surface)}[data-css-theme=dark] [data-zone=learner] .hapio-ee-status.is-todo{background:var(--learner-color-surface-soft);border-color:var(--learner-color-border);color:var(--learner-color-text-muted)}[data-css-theme=dark] [data-zone=learner] .hapio-ee-hero{background:var(--learner-color-surface-soft);border-color:var(--learner-color-border-soft)}[data-css-theme=dark] [data-zone=learner] .hapio-ee-hero-num{background:linear-gradient(135deg,var(--learner-color-text-strong) 0,var(--learner-color-text-muted) 100%);-webkit-background-clip:text;background-clip:text}[data-css-theme=dark] [data-zone=learner] .hapio-ee-hero-part-val{color:var(--learner-color-text-strong)}[data-css-theme=dark] [data-zone=learner] :is(.hapio-ee-hero-lbl,.hapio-ee-hero-part-lbl,.hapio-ee-foot,.hapio-ee-todo-headline){color:var(--learner-color-text-muted)}[data-css-theme=dark] [data-zone=learner] :is(.hapio-ee-hero-parts,.hapio-ee-foot){border-color:var(--learner-color-border-soft)}