.hp-wordlist{--wl-ink:var(--learner-color-text-strong,#0f172a);--wl-body:var(--learner-color-text-body,#334155);--wl-muted:var(--learner-color-text-muted,#64748b);--wl-line:var(--learner-color-border-soft,#e9eef5);--wl-line-2:var(--learner-color-border,#dfe5ee);--wl-card:var(--learner-color-surface,#ffffff);--wl-soft:var(--learner-color-surface-soft,#f5f7fb);--wl-brand:var(--learner-color-brand,#2563eb);--wl-brand-soft:var(--learner-color-brand-soft,#eef4ff);--wl-brand-ink:var(--learner-color-brand-strong,#1d4ed8);--wl-ok:var(--learner-color-success,#16a34a);--wl-ok-soft:var(--learner-color-success-soft,#ecfdf3);--wl-ok-ink:var(--learner-color-success-strong,#15803d);--wl-on:var(--learner-color-on-accent,#ffffff);color:var(--wl-body);font-size:15px}.hp-wordlist *{box-sizing:border-box}.hp-wordlist button{font:inherit}.hp-wl-loading{display:flex;align-items:center;gap:10px;padding:28px;color:var(--wl-muted);font-size:14.5px!important}.hp-wl-spin{animation:hp-wl-spin 1s linear infinite}@keyframes hp-wl-spin{to{transform:rotate(1turn)}}.hp-wl-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:8px 2px 12px;border-bottom:1px solid var(--wl-line);background:color-mix(in srgb,var(--wl-card) 92%,transparent);backdrop-filter:blur(8px)}.hp-wl-count{flex:1;font-size:13.5px!important;color:var(--wl-muted);letter-spacing:.01em}.hp-wl-count b{margin-right:2px;font-size:16px;font-weight:700;color:var(--wl-ink)}.hp-wl-all{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:1px solid var(--wl-line-2);border-radius:999px;background:transparent;color:var(--wl-body);font-size:13.5px!important;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.hp-wl-all:hover{border-color:var(--wl-brand);color:var(--wl-brand-ink)}.hp-wl-all[data-primary]{border-color:var(--wl-brand);background:var(--wl-brand);color:var(--wl-on)}.hp-wl-all[data-primary]:hover{border-color:var(--wl-brand-ink);background:var(--wl-brand-ink);color:var(--wl-on)}.hp-wl-all[data-done]{border-color:transparent;background:var(--wl-ok-soft);color:var(--wl-ok-ink)}.hp-wl-note{margin:-4px 0 12px;padding:9px 12px;border-radius:12px;background:var(--wl-brand-soft);color:var(--wl-brand-ink);font-size:13.5px!important;font-weight:600}.hp-wordlist .hp-wl-list{display:block;margin:0;padding:0;list-style:none;overflow:hidden;border:1px solid var(--wl-line-2);border-radius:16px;background:var(--wl-card);box-shadow:0 1px 2px color-mix(in srgb,var(--wl-ink) 5%,transparent)}.hp-wordlist .hp-wl-list>li{margin:0;padding:0}.hp-wl-item{border-top:1px solid var(--wl-line);transition:background .15s}.hp-wl-item:first-child{border-top:0}.hp-wl-item:hover{background:color-mix(in srgb,var(--wl-soft) 60%,var(--wl-card))}.hp-wl-item[data-open]{background:color-mix(in srgb,var(--wl-brand-soft) 40%,var(--wl-card))}.hp-wordlist .hp-wl-list>li[data-missing]{padding:12px 18px}.hp-wl-missing{font-size:13.5px!important;color:var(--wl-muted)}.hp-wordlist .hp-wl-row{display:grid;grid-template-columns:22px 34px minmax(0,1.05fr) minmax(0,1fr) auto;align-items:center;-moz-column-gap:14px;column-gap:14px;padding:12px 14px 12px 16px}.hp-wordlist .hp-wl-idx{font-size:13px!important;font-weight:600;color:var(--wl-muted);text-align:right;font-variant-numeric:tabular-nums}.hp-wl-speak{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:0;border-radius:50%;background:var(--wl-brand-soft);color:var(--wl-brand);cursor:pointer;transition:background .15s,color .15s}.hp-wl-speak:hover{background:color-mix(in srgb,var(--wl-brand) 18%,var(--wl-card))}.hp-wl-speak[data-on]{background:var(--wl-brand);color:var(--wl-on);animation:hp-wl-pulse 1s ease-in-out infinite}@keyframes hp-wl-pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--wl-brand) 18%,transparent)}}.hp-wl-main{min-width:0}.hp-wl-head{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px}.hp-wordlist .hp-wl-word{font-size:15.5px!important;font-weight:700;letter-spacing:-.005em;color:var(--wl-ink)}.hp-wordlist .hp-wl-ipa{display:block;margin-top:1px;font-family:Segoe UI,Lucida Sans Unicode,system-ui,sans-serif;font-size:13px!important;color:var(--wl-muted)}.hp-wordlist .hp-wl-pos{padding:1px 7px;border-radius:6px;font-size:11px!important;font-weight:700;font-style:normal;line-height:1.5;background:var(--learner-tone-slate-soft,#f1f5f9);color:var(--learner-tone-slate-text,#475569)}.hp-wordlist .hp-wl-pos[data-pos=noun]{background:var(--learner-tone-blue-soft,#eff6ff);color:var(--learner-tone-blue-text,#1d4ed8)}.hp-wordlist .hp-wl-pos[data-pos=verb]{background:var(--learner-tone-emerald-soft,#ecfdf5);color:var(--learner-tone-emerald-text,#047857)}.hp-wordlist .hp-wl-pos[data-pos=adj]{background:var(--learner-tone-violet-soft,#f5f3ff);color:var(--learner-tone-violet-text,#6d28d9)}.hp-wordlist .hp-wl-pos[data-pos=adv]{background:var(--learner-tone-orange-soft,#fff7ed);color:var(--learner-tone-orange-text,#c2410c)}.hp-wordlist .hp-wl-pos[data-pos=phrase]{background:var(--learner-tone-sky-soft,#f0f9ff);color:var(--learner-tone-sky-text,#0369a1)}.hp-wordlist .hp-wl-mean{min-width:0;font-size:14px!important;line-height:1.45;color:var(--wl-body)}.hp-wl-acts{display:flex;flex-shrink:0;gap:2px}.hp-wl-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 9px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--wl-muted);font-size:12.5px!important;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.hp-wl-btn:hover:not(:disabled){background:var(--wl-soft);color:var(--wl-ink)}.hp-wl-btn span{font-size:inherit!important}.hp-wl-btn[data-toggle] span:not(.hp-wl-btn-label){font-size:12px!important;font-weight:700;opacity:.7}.hp-wl-btn[data-toggle] svg{transition:transform .2s}.hp-wl-btn[data-toggle][aria-expanded=true]{background:var(--wl-brand-soft);color:var(--wl-brand-ink)}.hp-wl-btn[data-toggle][aria-expanded=true] svg{transform:rotate(180deg)}.hp-wl-btn[data-state=done]{background:var(--wl-ok-soft);color:var(--wl-ok-ink);cursor:default}.hp-wl-btn[data-state=error]{color:var(--learner-color-danger,#dc2626)}.hp-wordlist .hp-wl-examples{display:flex;flex-direction:column;gap:10px;margin:0 18px 16px 100px;padding:2px 0 2px 14px;list-style:none;border-left:2px solid color-mix(in srgb,var(--wl-brand) 28%,transparent);animation:hp-wl-in .2s ease-out}@keyframes hp-wl-in{0%{opacity:0;transform:translateY(-4px)}}.hp-wordlist .hp-wl-examples>li{position:static;display:flex;align-items:flex-start;gap:10px;margin:0;padding:0;border:0;background:none}.hp-wordlist .hp-wl-examples>li:before{content:none}.hp-wl-ex-speak{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;margin-top:1px;border:1px solid var(--wl-line-2);border-radius:50%;background:transparent;color:var(--wl-brand);cursor:pointer;transition:background .15s,border-color .15s}.hp-wl-ex-speak:hover{border-color:transparent;background:var(--wl-brand-soft)}.hp-wordlist .hp-wl-ex-en{margin:0;font-size:14.5px!important;font-weight:500;color:var(--wl-ink);line-height:1.55}.hp-wordlist .hp-wl-ex-vi{margin:1px 0 0;font-size:13.5px!important;color:var(--wl-muted);line-height:1.5}@media (max-width:640px){.hp-wordlist .hp-wl-row{grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"speak main acts" "speak mean acts";-moz-column-gap:12px;column-gap:12px;row-gap:2px;padding:12px 12px 12px 14px}.hp-wordlist .hp-wl-idx{display:none}.hp-wordlist .hp-wl-speak{grid-area:speak;align-self:start}.hp-wordlist .hp-wl-main{grid-area:main}.hp-wordlist .hp-wl-mean{grid-area:mean}.hp-wordlist .hp-wl-acts{grid-area:acts;flex-direction:column;align-items:flex-end}.hp-wl-btn-label{display:none}.hp-wordlist .hp-wl-examples{margin:0 14px 14px 18px}.hp-wl-bar{flex-wrap:wrap}}