/* HT Deutsch · thẻ tra từ */
.hl-pop{position:fixed;z-index:60;width:min(380px,calc(100vw - 24px));max-height:min(70vh,560px);overflow-y:auto;padding:16px 18px 18px;border-radius:22px;
 background:radial-gradient(120% 100% at 100% 0%,rgba(94,234,212,.12),transparent 55%),linear-gradient(170deg,#161f45,#0c1230);border:1px solid rgba(150,170,255,.22);box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.03) inset;color:#C9D2EC;font-family:var(--f-b,system-ui);
 opacity:0;transform:translateY(8px) scale(.98);transition:opacity .18s,transform .18s}
.hl-pop.in{opacity:1;transform:none}
.hl-pop.sheet{left:0!important;right:0;bottom:0;top:auto!important;width:100%;max-height:78vh;border-radius:24px 24px 0 0;padding-bottom:max(18px,env(safe-area-inset-bottom));transform:translateY(30px)}
.hl-pop.sheet.in{transform:none}
.hl-grab{display:none;width:44px;height:5px;border-radius:9px;background:rgba(255,255,255,.18);margin:-4px auto 10px}
.hl-pop.sheet .hl-grab{display:block}
.hl-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hl-pill{padding:3px 10px;border-radius:999px;font-weight:800;font-size:12px;color:#0b0f1f;background:#A3AFCF}
.hl-pill.k-der{background:#7FD0FF}.hl-pill.k-die{background:#FF6F91}.hl-pill.k-das{background:#5EEAD4}.hl-pill.k-pl{background:#9D8CFF}.hl-pill.k-verb{background:#FFA24F}.hl-pill.k-adj{background:#45C9E2}
.hl-lv{font-size:12px;font-weight:700;color:#FFB347;letter-spacing:.06em}
.hl-from{font-size:12px;color:#97A6CF}
.hl-x{margin-left:auto;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;font-size:14px}
.hl-w{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;font-weight:800;color:#fff;font-size:30px;line-height:1.15;letter-spacing:-.01em;overflow-wrap:anywhere}
.hl-w em{font-style:normal;font-weight:700}
.hl-w .k-der em{color:#7FD0FF}.hl-w .k-die em{color:#FF6F91}.hl-w .k-das em{color:#5EEAD4}
.hl-w .L{text-decoration:underline;text-decoration-color:#FF6F91;text-decoration-thickness:3px;text-underline-offset:5px;text-decoration-skip-ink:none}
.hl-w .S{position:relative}.hl-w .S:after{content:"";position:absolute;left:50%;bottom:-5px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#FF6F91}
.hl-say{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(150,170,255,.3);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;flex:none}
.hl-say svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hl-say.on,.hl-say:hover{border-color:#FFB347;color:#FFE3A6}
.hl-say.sm{width:30px;height:30px;vertical-align:middle}.hl-say.sm svg{width:15px;height:15px}
.hl-f{margin-top:8px;font-size:14px;color:#97A6CF}
.hl-m{margin-top:10px;font-family:var(--f-d,Georgia);font-weight:600;color:#fff;font-size:21px;line-height:1.35}
.hl-ex{margin-top:14px;padding-top:12px;border-top:1px solid rgba(150,170,255,.14)}
.hl-ex p{margin:0;color:#fff;font-size:15.5px;line-height:1.5}
.hl-ex small{display:block;margin-top:4px;color:#97A6CF;font-style:italic;font-size:14px}
.hl-alts{margin-top:12px;font-size:13px;color:#97A6CF}
.hl-alts button{margin:4px 6px 0 0;padding:4px 10px;border-radius:999px;border:1px solid rgba(150,170,255,.25);background:transparent;color:#fff;font:600 13px var(--f-b,system-ui);cursor:pointer}
.hl-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.hl-save{flex:1;min-height:46px;border-radius:999px;border:0;background:linear-gradient(90deg,#FFE3A6,#FFB347);color:#1a1204;font:800 14.5px var(--f-b,system-ui);cursor:pointer;box-shadow:0 10px 26px -10px rgba(255,179,71,.7)}
.hl-save.done{background:rgba(94,234,212,.15);color:#7FF0C6;box-shadow:inset 0 0 0 1px rgba(94,234,212,.5)}
.hl-more{display:inline-flex;align-items:center;min-height:46px;padding:0 16px;border-radius:999px;border:1px solid rgba(150,170,255,.28);color:#fff!important;text-decoration:none;font-weight:700;font-size:14px}
.hl-load{padding:10px 2px;color:#97A6CF}
.hl-toast{position:fixed;left:50%;top:84px;transform:translateX(-50%);z-index:70;padding:12px 18px;border-radius:14px;background:rgba(16,24,47,.97);border:1px solid rgba(94,234,212,.45);color:#fff;font:700 14.5px var(--f-b,system-ui);box-shadow:0 14px 40px rgba(0,0,0,.5);transition:opacity .4s,transform .4s;max-width:calc(100vw - 32px)}
.hl-toast.out{opacity:0;transform:translate(-50%,-10px)}
@media (prefers-reduced-motion:reduce){.hl-pop{transition:none}}