[data-css-theme] [data-zone=learner]{.lv-card{background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-md);box-shadow:var(--learner-shadow-sm);padding:var(--learner-space-5);transition:box-shadow var(--learner-duration-base) var(--learner-ease-out),transform var(--learner-duration-base) var(--learner-ease-out)}.lv-card--interactive:hover{box-shadow:var(--learner-shadow-md);transform:translateY(-1px)}.lv-card--soft{background:var(--learner-color-surface-soft);border-color:transparent}.lv-card--raised{box-shadow:var(--learner-shadow-md)}.lv-section{padding:var(--learner-space-6);border-radius:var(--learner-radius-lg);background:var(--learner-color-surface);border:1px solid var(--learner-color-border-soft)}.lv-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--learner-space-2);padding:10px 18px;border-radius:var(--learner-radius-pill);font-family:var(--learner-font-body);font-size:var(--learner-text-sm);font-weight:600;letter-spacing:.01em;line-height:1;border:1px solid transparent;cursor:pointer;transition:background var(--learner-duration-fast) var(--learner-ease-out),color var(--learner-duration-fast) var(--learner-ease-out),box-shadow var(--learner-duration-fast) var(--learner-ease-out),transform var(--learner-duration-fast) var(--learner-ease-out)}.lv-btn:focus-visible{outline:2px solid var(--learner-color-brand);outline-offset:2px}.lv-btn:active{transform:translateY(1px)}.lv-btn--primary{background:var(--learner-color-brand);color:var(--learner-color-text-inverse)}.lv-btn--primary:hover{background:var(--learner-color-brand-strong)}.lv-btn--secondary{background:var(--learner-color-brand-soft);color:var(--learner-color-brand-strong)}.lv-btn--secondary:hover{background:var(--learner-color-brand-border)}.lv-btn--ghost{background:transparent;color:var(--learner-color-text);border-color:var(--learner-color-border)}.lv-btn--ghost:hover{background:var(--learner-color-surface-soft)}.lv-btn--danger{background:var(--learner-color-danger);color:var(--learner-color-text-inverse)}.lv-btn--sm{padding:6px var(--learner-space-3);font-size:var(--learner-text-xs)}.lv-btn--lg{padding:14px var(--learner-space-6);font-size:var(--learner-text-md)}.lv-pill{display:inline-flex;align-items:center;gap:var(--learner-space-1);padding:var(--learner-space-1) 10px;border-radius:var(--learner-radius-pill);font-size:var(--learner-text-xs);font-weight:600;background:var(--learner-color-surface-soft);color:var(--learner-color-text-muted);border:1px solid var(--learner-color-border-soft)}.lv-pill--brand{background:var(--learner-color-brand-soft);color:var(--learner-color-brand-strong);border-color:var(--learner-color-brand-border)}.lv-pill--success{background:var(--learner-color-success-soft);color:var(--learner-color-success)}.lv-pill--warning{background:var(--learner-color-warning-soft);color:var(--learner-color-warning)}.lv-pill--danger{background:var(--learner-color-danger-soft);color:var(--learner-color-danger)}.lv-pill--info{background:var(--learner-color-info-soft);color:var(--learner-color-info)}.lv-input,.lv-select,.lv-textarea{width:100%;padding:10px 14px;background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-sm);color:var(--learner-color-text);font-family:var(--learner-font-body);font-size:var(--learner-text-base);line-height:1.45;transition:border-color var(--learner-duration-fast) var(--learner-ease-out),box-shadow var(--learner-duration-fast) var(--learner-ease-out)}.lv-input:focus,.lv-select:focus,.lv-textarea:focus{outline:none;border-color:var(--learner-color-brand);box-shadow:0 0 0 3px var(--learner-color-brand-soft)}.lv-textarea{min-height:96px;resize:vertical}.lv-label{display:block;font-size:var(--learner-text-sm);font-weight:600;color:var(--learner-color-text-strong);margin-bottom:var(--learner-space-2)}.lv-help{font-size:var(--learner-text-xs);color:var(--learner-color-text-muted);margin-top:var(--learner-space-1)}.lv-heading-1{font-size:var(--learner-text-3xl);line-height:1.15;letter-spacing:-.02em}.lv-heading-1,.lv-heading-2{font-weight:700;color:var(--learner-color-text-strong)}.lv-heading-2{font-size:var(--learner-text-2xl);line-height:1.2;letter-spacing:-.015em}.lv-heading-3{font-size:var(--learner-text-xl);font-weight:700;line-height:1.3;color:var(--learner-color-text-strong)}.lv-text-muted{color:var(--learner-color-text-muted)}.lv-text-subtle{color:var(--learner-color-text-subtle)}.lv-text-small{font-size:var(--learner-text-sm)}.lv-divider{height:1px;background:var(--learner-color-border-soft);margin:var(--learner-space-5) 0;border:0}.lv-stack{gap:var(--learner-space-4)}.lv-stack,.lv-stack-sm{display:flex;flex-direction:column}.lv-stack-sm{gap:var(--learner-space-2)}.lv-stack-lg{display:flex;flex-direction:column;gap:var(--learner-space-6)}.lv-cluster{gap:var(--learner-space-3)}.lv-cluster,.lv-cluster-sm{display:flex;flex-wrap:wrap;align-items:center}.lv-cluster-sm{gap:var(--learner-space-2)}.lv-progress{height:8px;border-radius:var(--learner-radius-pill);background:var(--learner-color-surface-soft);overflow:hidden}.lv-progress__fill{height:100%;background:var(--learner-color-brand-gradient);border-radius:inherit;transition:width var(--learner-duration-slow) var(--learner-ease-out)}}@keyframes hapio-lhp-pp-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}[data-zone=learner] .hapio-lhp-pp{margin-top:var(--learner-space-4);animation:hapio-lhp-pp-enter .32s ease-out both}[data-zone=learner] .hapio-lhp-pp-lockbar{animation:hapio-lhp-pp-enter .32s ease-out 60ms both;display:flex;align-items:center;gap:var(--learner-space-3);background:var(--learner-color-brand-soft);border:1px solid var(--learner-color-brand-border);border-radius:var(--learner-radius-md);padding:var(--learner-space-4) var(--learner-space-5);margin-bottom:var(--learner-space-5)}[data-zone=learner] .hapio-lhp-pp-crown{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--learner-radius-sm);background:var(--learner-color-surface);color:var(--learner-color-warning);box-shadow:var(--learner-shadow-sm)}[data-zone=learner] .hapio-lhp-pp-lockmsg{flex:1;min-width:0}[data-zone=learner] .hapio-lhp-pp-lockmsg h2{margin:0;font-size:var(--learner-text-md);font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-pp-lockmsg p{margin:2px 0 0;font-size:var(--learner-text-sm);color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-pp-back{display:inline-flex;align-items:center;gap:var(--learner-space-2);flex:0 0 auto;border:1.5px solid var(--learner-color-brand);background:var(--learner-color-surface);color:var(--learner-color-brand-strong);border-radius:var(--learner-radius-pill);padding:10px 18px;font-size:var(--learner-text-sm);font-weight:700;cursor:pointer;box-shadow:var(--learner-shadow-sm);transition:background var(--learner-duration-fast,.12s),color var(--learner-duration-fast,.12s)}[data-zone=learner] .hapio-lhp-pp-back:hover{background:var(--learner-color-brand);color:var(--learner-color-on-accent)}[data-zone=learner] .hapio-lhp-pp-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:var(--learner-space-5);align-items:start}[data-zone=learner] .hapio-lhp-pp-left,[data-zone=learner] .hapio-lhp-pp-right{background:var(--learner-color-surface);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-lg);box-shadow:var(--learner-shadow-sm);padding:var(--learner-space-5);animation:hapio-lhp-pp-enter .36s ease-out .12s both}[data-zone=learner] .hapio-lhp-pp-right{position:sticky;top:var(--learner-space-4);animation-delay:.2s}[data-zone=learner] .hapio-lhp-pp-step{display:flex;align-items:center;gap:var(--learner-space-3);margin-bottom:var(--learner-space-4)}[data-zone=learner] .hapio-lhp-pp-stepn{width:30px;height:30px;border-radius:var(--learner-radius-pill);background:var(--learner-color-brand);color:var(--learner-color-on-accent);display:grid;place-items:center;font-weight:700}[data-zone=learner] .hapio-lhp-pp-step h3{margin:0;font-size:var(--learner-text-lg);font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-pp-gtitle{font-size:var(--learner-text-md);font-weight:700;color:var(--learner-color-text-strong);margin:var(--learner-space-5) 0 var(--learner-space-1)}[data-zone=learner] .hapio-lhp-pp-empty{font-size:var(--learner-text-sm);color:var(--learner-color-text-muted);margin:var(--learner-space-2) 0 0}[data-zone=learner] .hapio-lhp-pp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--learner-space-3);margin-top:var(--learner-space-3)}[data-zone=learner] .hapio-lhp-pp-card{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--learner-space-2);text-align:left;border:1.5px solid var(--learner-color-border);border-radius:var(--learner-radius-md);background:var(--learner-color-surface);padding:var(--learner-space-4) var(--learner-space-4) var(--learner-space-4);cursor:pointer;min-height:116px;transition:border-color var(--learner-duration-fast,.12s),box-shadow var(--learner-duration-fast,.12s)}[data-zone=learner] .hapio-lhp-pp-card:hover{border-color:var(--learner-color-brand-border)}[data-zone=learner] .hapio-lhp-pp-card.is-sel{border-color:var(--learner-color-brand);box-shadow:0 0 0 3px var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-pp-card.is-wide{grid-column:1/-1;min-height:0;align-items:center}[data-zone=learner] .hapio-lhp-pp-col{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}[data-zone=learner] .hapio-lhp-pp-dur{margin-top:var(--learner-space-2);font-size:var(--learner-text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--learner-color-text-subtle)}[data-zone=learner] .hapio-lhp-pp-price{font-size:var(--learner-text-xl);font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-pp-old{font-size:var(--learner-text-sm);color:var(--learner-color-text-muted);text-decoration:line-through}[data-zone=learner] .hapio-lhp-pp-card.is-combo{border-color:var(--learner-tone-rose-icon);background:linear-gradient(180deg,var(--learner-tone-rose-soft),transparent 70%),var(--learner-color-surface);box-shadow:0 0 0 1px var(--learner-tone-rose-ring)}[data-zone=learner] .hapio-lhp-pp-card.is-combo:hover{border-color:var(--learner-tone-rose-icon)}[data-zone=learner] .hapio-lhp-pp-card.is-combo.is-sel{border-color:var(--learner-color-brand);box-shadow:0 0 0 3px var(--learner-color-brand-soft)}[data-zone=learner] .hapio-lhp-pp-combotag{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;margin-top:2px;font-size:var(--learner-text-xs);font-weight:700;letter-spacing:.02em;padding:2px 9px;border-radius:var(--learner-radius-pill);color:var(--learner-color-on-accent);background:linear-gradient(100deg,var(--learner-tone-rose-icon),var(--learner-tone-rose-text));box-shadow:0 2px 8px color-mix(in srgb,var(--learner-tone-rose-icon),transparent 58%)}[data-zone=learner] .hapio-lhp-pp-combodesc{align-self:stretch;margin-top:2px;font-size:var(--learner-text-xs);font-weight:500;line-height:1.4;color:var(--learner-color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-zone=learner] .hapio-lhp-pp-save{align-self:flex-start;margin-top:2px;font-size:var(--learner-text-xs);font-weight:700;color:var(--learner-tone-rose-text)}[data-zone=learner] .hapio-lhp-pp-radio{position:absolute;right:var(--learner-space-3);bottom:var(--learner-space-3);width:22px;height:22px;border-radius:var(--learner-radius-pill);border:2px solid var(--learner-color-border-strong);background:var(--learner-color-surface);display:grid;place-items:center;color:transparent}[data-zone=learner] .is-sel .hapio-lhp-pp-radio{background:var(--learner-color-brand);border-color:var(--learner-color-brand);color:var(--learner-color-on-accent)}[data-zone=learner] .hapio-lhp-pp-badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:var(--learner-text-xs);font-weight:700;padding:3px 10px 3px var(--learner-space-2);border-radius:var(--learner-radius-pill);background:var(--pp-soft);color:var(--pp-text);box-shadow:inset 0 0 0 1px var(--pp-ring)}[data-zone=learner] .hapio-lhp-pp-badge:before{content:"";width:7px;height:7px;border-radius:var(--learner-radius-pill);background:var(--pp-dot);flex:0 0 auto}[data-zone=learner] .hapio-lhp-pp-badge.is-slate{--pp-soft:var(--learner-tone-slate-soft);--pp-text:var(--learner-tone-slate-text);--pp-dot:var(--learner-tone-slate-icon);--pp-ring:var(--learner-tone-slate-ring)}[data-zone=learner] .hapio-lhp-pp-badge.is-sky{--pp-soft:var(--learner-tone-sky-soft);--pp-text:var(--learner-tone-sky-text);--pp-dot:var(--learner-tone-sky-icon);--pp-ring:var(--learner-tone-sky-ring)}[data-zone=learner] .hapio-lhp-pp-badge.is-blue{--pp-soft:var(--learner-tone-blue-soft);--pp-text:var(--learner-tone-blue-text);--pp-dot:var(--learner-tone-blue-icon);--pp-ring:var(--learner-tone-blue-ring)}[data-zone=learner] .hapio-lhp-pp-badge.is-violet{--pp-soft:var(--learner-tone-violet-soft);--pp-text:var(--learner-tone-violet-text);--pp-dot:var(--learner-tone-violet-icon);--pp-ring:var(--learner-tone-violet-ring)}[data-zone=learner] .hapio-lhp-pp-badge.is-amber{--pp-soft:var(--learner-tone-amber-soft);--pp-text:var(--learner-tone-amber-text);--pp-dot:var(--learner-tone-amber-icon);--pp-ring:var(--learner-tone-amber-ring)}[data-zone=learner] .hapio-lhp-pp-badge.is-rose{--pp-soft:var(--learner-tone-rose-soft);--pp-text:var(--learner-tone-rose-text);--pp-dot:var(--learner-tone-rose-icon);--pp-ring:var(--learner-tone-rose-ring)}[data-zone=learner] .hapio-lhp-pp-badge.is-emerald{--pp-soft:var(--learner-tone-emerald-soft);--pp-text:var(--learner-tone-emerald-text);--pp-dot:var(--learner-tone-emerald-icon);--pp-ring:var(--learner-tone-emerald-ring)}[data-zone=learner] .hapio-lhp-pp-free{position:relative;display:block;width:100%;text-align:left;margin-top:var(--learner-space-3);border:1.5px solid var(--learner-tone-emerald-ring);border-radius:var(--learner-radius-md);background:var(--learner-color-surface);overflow:hidden;cursor:pointer;transition:border-color var(--learner-duration-fast,.12s),box-shadow var(--learner-duration-fast,.12s)}[data-zone=learner] .hapio-lhp-pp-free:hover{border-color:var(--learner-tone-emerald-icon)}[data-zone=learner] .hapio-lhp-pp-free.is-sel{border-color:var(--learner-tone-emerald-icon);box-shadow:0 0 0 3px var(--learner-tone-emerald-soft)}[data-zone=learner] .hapio-lhp-pp-free-strip{display:flex;align-items:center;gap:var(--learner-space-2);padding:var(--learner-space-3) var(--learner-space-4);background:var(--learner-tone-emerald-soft);border-bottom:1px solid var(--learner-tone-emerald-ring);color:var(--learner-tone-emerald-text)}[data-zone=learner] .hapio-lhp-pp-free-pr,[data-zone=learner] .hapio-lhp-pp-free-ttl{font-weight:700;font-size:var(--learner-text-base)}[data-zone=learner] .hapio-lhp-pp-free-pr{margin-left:auto}[data-zone=learner] .hapio-lhp-pp-free-cond{display:block;padding:var(--learner-space-4) var(--learner-space-4) var(--learner-space-5);font-size:var(--learner-text-sm);color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-pp-pay h3{margin:0 0 2px;font-size:var(--learner-text-md);font-weight:700;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-pp-cap{margin:0 0 var(--learner-space-3);font-size:var(--learner-text-sm);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-pp-qrbox{background:var(--learner-color-surface-soft);border-radius:var(--learner-radius-md);padding:var(--learner-space-4);display:grid;place-items:center}[data-zone=learner] .hapio-lhp-pp-qrimg{width:168px;height:168px;-o-object-fit:contain;object-fit:contain;background:var(--learner-color-surface);border-radius:var(--learner-radius-sm);padding:var(--learner-space-2)}[data-zone=learner] .hapio-lhp-pp-qrph{display:grid;place-items:center;gap:var(--learner-space-2);text-align:center;width:100%;min-height:150px;color:var(--learner-color-text-muted);font-size:var(--learner-text-xs);padding:var(--learner-space-4)}[data-zone=learner] .hapio-lhp-pp-rows{margin:var(--learner-space-4) 0 0}[data-zone=learner] .hapio-lhp-pp-row{display:flex;justify-content:space-between;align-items:center;gap:var(--learner-space-3);padding:var(--learner-space-2) 0;border-bottom:1px dashed var(--learner-color-border-soft);font-size:var(--learner-text-sm)}[data-zone=learner] .hapio-lhp-pp-row:last-child{border-bottom:0}[data-zone=learner] .hapio-lhp-pp-row span{color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-pp-row b{display:inline-flex;align-items:center;gap:var(--learner-space-2);font-weight:700;color:var(--learner-color-text);text-align:right}[data-zone=learner] .hapio-lhp-pp-copy{display:inline-flex;align-items:center;gap:var(--learner-space-1);border:1px solid var(--learner-color-border);background:var(--learner-color-surface);color:var(--learner-color-text-body);border-radius:var(--learner-radius-xs);padding:3px var(--learner-space-2);font-size:var(--learner-text-xs);font-weight:600;cursor:pointer}[data-zone=learner] .hapio-lhp-pp-invchip{display:flex;align-items:center;gap:var(--learner-space-3);width:100%;margin:var(--learner-space-1) 0 var(--learner-space-3);padding:var(--learner-space-3);text-align:left;cursor:pointer;background:var(--learner-color-brand-soft);border:1px solid var(--learner-color-brand-border);border-radius:var(--learner-radius-md);transition:filter .12s ease,transform .12s ease}[data-zone=learner] .hapio-lhp-pp-invchip:hover{filter:brightness(.98)}[data-zone=learner] .hapio-lhp-pp-invchip:active{transform:scale(.99)}[data-zone=learner] .hapio-lhp-pp-invchip-body{flex:1 1 auto;min-width:0}[data-zone=learner] .hapio-lhp-pp-invchip-label{display:block;font-size:var(--learner-text-xs);font-weight:700;color:var(--learner-color-brand);text-transform:uppercase;letter-spacing:.03em}[data-zone=learner] .hapio-lhp-pp-invchip-url{display:block;margin-top:2px;font-size:var(--learner-text-md);font-weight:700;line-height:1.3;color:var(--learner-color-text-strong);word-break:break-all}[data-zone=learner] .hapio-lhp-pp-invchip-act{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--learner-space-1);font-size:var(--learner-text-xs);font-weight:700;color:var(--learner-color-brand);background:var(--learner-color-surface);border:1px solid var(--learner-color-brand-border);border-radius:var(--learner-radius-pill);padding:var(--learner-space-1) var(--learner-space-3)}[data-zone=learner] .hapio-lhp-pp-qtyrow{display:flex;justify-content:space-between;align-items:center;gap:var(--learner-space-3);margin:var(--learner-space-4) 0 0}[data-zone=learner] .hapio-lhp-pp-qtylbl{font-size:var(--learner-text-sm);font-weight:700;color:var(--learner-color-text)}[data-zone=learner] .hapio-lhp-pp-qty{display:inline-flex;align-items:center;gap:var(--learner-space-1)}[data-zone=learner] .hapio-lhp-pp-qtybtn{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--learner-color-border-strong);background:var(--learner-color-surface);color:var(--learner-color-text-body);border-radius:var(--learner-radius-sm);cursor:pointer;transition:border-color var(--learner-duration-fast,.12s),color var(--learner-duration-fast,.12s)}[data-zone=learner] .hapio-lhp-pp-qtybtn:hover{border-color:var(--learner-color-brand);color:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-pp-qtybtn:disabled{opacity:.45;cursor:default}[data-zone=learner] .hapio-lhp-pp-qtyval{width:46px;height:30px;text-align:center;border:1px solid var(--learner-color-border-strong);background:var(--learner-color-surface);color:var(--learner-color-text-strong);border-radius:var(--learner-radius-sm);font-size:var(--learner-text-base);font-weight:700;-moz-appearance:textfield}[data-zone=learner] .hapio-lhp-pp-qtyval::-webkit-inner-spin-button,[data-zone=learner] .hapio-lhp-pp-qtyval::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}[data-zone=learner] .hapio-lhp-pp-qtyval:disabled{opacity:.6}[data-zone=learner] .hapio-lhp-pp-unit{margin:var(--learner-space-2) 0 0;text-align:right;font-size:var(--learner-text-sm);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-pp-total{display:flex;justify-content:space-between;align-items:center;margin:var(--learner-space-3) 0 var(--learner-space-1)}[data-zone=learner] .hapio-lhp-pp-total span{font-size:var(--learner-text-base);font-weight:700;color:var(--learner-color-text)}[data-zone=learner] .hapio-lhp-pp-total b{font-size:var(--learner-text-xl);font-weight:700;color:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-pp-hint{background:var(--learner-color-warning-soft);border:1px solid var(--learner-tone-amber-ring);color:var(--learner-tone-amber-text);font-size:var(--learner-text-xs);border-radius:var(--learner-radius-sm);padding:var(--learner-space-2) var(--learner-space-3);margin:var(--learner-space-3) 0}[data-zone=learner] .hapio-lhp-pp-btn{width:100%;border:0;background:var(--learner-color-brand);color:var(--learner-color-on-accent);font-weight:700;font-size:var(--learner-text-base);padding:var(--learner-space-3);border-radius:var(--learner-radius-sm);cursor:pointer;transition:background var(--learner-duration-fast,.12s)}[data-zone=learner] .hapio-lhp-pp-btn:hover{background:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-pp-btn:disabled{opacity:.55;cursor:default}[data-zone=learner] .hapio-lhp-pp-btn.is-free{background:var(--learner-tone-emerald-icon)}[data-zone=learner] .hapio-lhp-pp-btn.is-orange{background:var(--learner-color-learning)}[data-zone=learner] .hapio-lhp-pp-btn.is-orange:hover{background:var(--learner-color-learning-strong)}[data-zone=learner] .hapio-lhp-pp-btn.is-zalo{display:inline-flex;align-items:center;justify-content:center;gap:var(--learner-space-2);text-decoration:none;background:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-pp-btn.is-zalo:hover{background:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-pp-done.is-warn{background:var(--learner-color-warning-soft);color:var(--learner-tone-amber-text);border-color:var(--learner-tone-amber-ring)}[data-zone=learner] .hapio-lhp-pp-rednote{background:var(--learner-color-danger-soft);color:var(--learner-color-danger);border:1px solid var(--learner-color-danger);border-radius:var(--learner-radius-sm);padding:var(--learner-space-2) var(--learner-space-3);font-size:var(--learner-text-sm);font-weight:700;margin:0 0 var(--learner-space-3)}[data-zone=learner] .hapio-lhp-pp-support{width:100%;margin-top:var(--learner-space-2);display:inline-flex;align-items:center;justify-content:center;gap:var(--learner-space-2);border:1px solid var(--learner-color-border);background:var(--learner-color-surface);color:var(--learner-color-text-body);border-radius:var(--learner-radius-sm);padding:10px;font-size:var(--learner-text-sm);font-weight:600;cursor:pointer;transition:border-color var(--learner-duration-fast,.12s),color var(--learner-duration-fast,.12s)}[data-zone=learner] .hapio-lhp-pp-support:hover{border-color:var(--learner-color-brand);color:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-pp-slots{display:flex;flex-wrap:wrap;gap:var(--learner-space-2);margin:0 0 var(--learner-space-3)}[data-zone=learner] .hapio-lhp-pp-slot{display:inline-flex;align-items:center;gap:5px;font-size:var(--learner-text-xs);font-weight:700;padding:var(--learner-space-1) 10px;border-radius:var(--learner-radius-pill);background:var(--learner-tone-emerald-soft);color:var(--learner-tone-emerald-text);box-shadow:inset 0 0 0 1px var(--learner-tone-emerald-ring)}[data-zone=learner] .hapio-lhp-pp-slot.is-out{background:var(--learner-color-danger-soft);color:var(--learner-color-danger);box-shadow:inset 0 0 0 1px var(--learner-color-danger)}[data-zone=learner] .hapio-lhp-pp-free-meta{margin-left:auto;font-size:var(--learner-text-xs);font-weight:700;color:var(--learner-tone-emerald-text);background:var(--learner-color-surface);padding:2px 9px;border-radius:var(--learner-radius-pill);box-shadow:inset 0 0 0 1px var(--learner-tone-emerald-ring)}[data-zone=learner] .hapio-lhp-pp-free-meta+.hapio-lhp-pp-free-pr{margin-left:var(--learner-space-2)}[data-zone=learner] .hapio-lhp-pp-done{background:var(--learner-color-success-soft);border:1px solid var(--learner-tone-emerald-ring);color:var(--learner-color-success-strong);font-size:var(--learner-text-sm);font-weight:600;border-radius:var(--learner-radius-sm);padding:var(--learner-space-3);text-align:center}[data-zone=learner] .hapio-lhp-pp-after{margin:var(--learner-space-2) 0 0;font-size:var(--learner-text-xs);color:var(--learner-color-text-subtle);text-align:center}[data-zone=learner] .hapio-lhp-pp-cond{background:var(--learner-tone-emerald-soft);border:1px solid var(--learner-tone-emerald-ring);color:var(--learner-tone-emerald-text);border-radius:var(--learner-radius-sm);padding:var(--learner-space-3);font-size:var(--learner-text-sm);margin:0 0 var(--learner-space-3)}[data-zone=learner] .hapio-lhp-pp-steps{list-style:none;margin:0 0 var(--learner-space-3);padding:0}[data-zone=learner] .hapio-lhp-pp-steps li{display:flex;align-items:flex-start;gap:var(--learner-space-2);padding:var(--learner-space-2) 0;border-bottom:1px dashed var(--learner-color-border-soft);font-size:var(--learner-text-sm);color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-pp-steps li:last-child{border-bottom:0}[data-zone=learner] .hapio-lhp-pp-num{flex:0 0 22px;height:22px;border-radius:var(--learner-radius-pill);background:var(--learner-tone-emerald-soft);color:var(--learner-tone-emerald-text);display:grid;place-items:center;font-size:var(--learner-text-xs);font-weight:700}@media (max-width:900px){[data-zone=learner] .hapio-lhp-pp-grid{grid-template-columns:1fr}[data-zone=learner] .hapio-lhp-pp-right{position:static}[data-zone=learner] .hapio-lhp-pp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}[data-zone=learner] .hapio-lhp-pp-lockbar{flex-wrap:wrap}[data-zone=learner] .hapio-lhp-pp-back{width:100%;justify-content:center}[data-zone=learner] .hapio-lhp-pp-left,[data-zone=learner] .hapio-lhp-pp-right{padding:var(--learner-space-4)}}@media (max-width:480px){[data-zone=learner] .hapio-lhp-pp-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--learner-space-2)}[data-zone=learner] .hapio-lhp-pp-card{min-height:0;padding:var(--learner-space-3) var(--learner-space-3) var(--learner-space-7);gap:var(--learner-space-1)}[data-zone=learner] .hapio-lhp-pp-card.is-wide{grid-column:1/-1}[data-zone=learner] .hapio-lhp-pp-dur{margin-top:var(--learner-space-2)}[data-zone=learner] .hapio-lhp-pp-price{font-size:var(--learner-text-md)}[data-zone=learner] .hapio-lhp-pp-radio{width:18px;height:18px;right:var(--learner-space-2);bottom:var(--learner-space-2)}[data-zone=learner] .hapio-lhp-pp-lockbar{padding:var(--learner-space-3)}[data-zone=learner] .hapio-lhp-pp-free-strip{flex-wrap:wrap}}[data-zone=learner] .hapio-lhp-pp-paybar{position:sticky;bottom:0;z-index:40;display:none;align-items:center;justify-content:space-between;gap:var(--learner-space-3);margin-top:var(--learner-space-3);padding:10px var(--learner-space-4) calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--learner-color-border);background:var(--learner-color-surface);box-shadow:0 -8px 24px -12px var(--learner-color-border-strong)}@media (max-width:767px){[data-zone=learner] .hapio-lhp-pp-paybar{display:flex}}[data-zone=learner] .hapio-lhp-pp-paybar-sum{display:flex;flex-direction:column;min-width:0}[data-zone=learner] .hapio-lhp-pp-paybar-sum span{font-size:var(--learner-text-xs);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-pp-paybar-sum b{font-size:var(--learner-text-lg);font-weight:700;color:var(--learner-color-text-strong);white-space:nowrap}[data-zone=learner] .hapio-lhp-pp-paybar-btn{flex:none;border:0;cursor:pointer;padding:10px 18px;border-radius:var(--learner-radius-pill);font-family:inherit;font-size:var(--learner-text-base);font-weight:700;color:var(--learner-color-on-accent);background:var(--learner-color-learning)}[data-zone=learner] .hapio-lhp-pp-paybar-btn:hover{background:var(--learner-color-learning-strong)}