.hg .pbar label{font-weight:700;font-size:var(--step--1);flex:14rem;align-items:center;gap:.5rem;min-width:0;display:flex}.hg .pbar select{min-width:0;max-width:100%;font:inherit;border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:6px;flex:auto;padding:.3rem .4rem;font-weight:400}.hg .rd{font:italic .78rem var(--f-orig);color:var(--muted);display:block}.hg .tok{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--rule);background:var(--paper);border-radius:8px;justify-items:center;gap:.1rem;padding:.35rem .55rem;font-size:1.35rem;line-height:1.25;display:inline-grid}.hg .tok:hover:not(:disabled){border-color:var(--lamp)}.hg .tok:focus-visible,.hg .pick:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hg .tok:disabled{cursor:default}.hg .tok.right,.hg .pick.right{border-color:var(--lamp);background:var(--lamp-soft)}.hg .tok.wrong,.hg .pick.wrong{opacity:.75;border-style:dashed}.hg .pick{all:unset;box-sizing:border-box;cursor:pointer;border:1.5px solid var(--rule);background:var(--paper);font-family:var(--f-read);font-size:var(--step-0);border-radius:10px;padding:.7rem .9rem;line-height:1.4;display:block}.hg .pick:hover:not(:disabled){border-color:var(--lamp)}.hg .pick:disabled{cursor:default}.hg .after{gap:.6rem;display:grid}.hg .after p{margin:0}.hg .after .btn{justify-self:start}.hg .orig{margin:0;font-size:clamp(1.2rem,3vw,1.5rem);line-height:1.5}.hg .wide{gap:.9rem;width:100%;max-width:44rem;margin:0 auto;display:grid}.hg .card{text-align:left;width:100%;font:inherit;border:1px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:8px;gap:.15rem;padding:.6rem .8rem;line-height:1.4;transition:border-color .12s,background-color .12s;display:grid}.hg .card:hover{border-color:var(--lamp)}.hg .card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hg .card.sel{border-color:var(--lamp);background:var(--lamp-soft);box-shadow:0 0 0 2px var(--lamp)}.hg .card.ok{border-color:var(--link);background:color-mix(in srgb, var(--link) 12%, var(--paper));cursor:default}.hg .card.no{border-color:#b4472d;animation:.4s pk-shake}.hg .lchip{border:1.5px solid var(--lamp);color:var(--lamp);font-family:var(--f-ui);border-radius:999px;margin-right:.4rem;padding:.05rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.hg .srcs{color:var(--muted);margin:0}@keyframes pk-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.hg .card.no{animation:none}}