.hg-prompt{align-items:center;gap:12px;display:flex}.hg-translit{font:600 20px/1.2 var(--font-mono);letter-spacing:.02em}.hg-boxes{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hg-trace{aspect-ratio:1;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;width:min(300px,78vw);display:block}.hg-boxes.is-many .hg-trace{width:min(240px,42vw)}.hg-boxes.is-word.is-many .hg-trace{width:min(240px,50% - 5px)}.hg-trace.is-active{border-color:var(--action)}.hg-trace.is-small{width:150px}.hg-cross{stroke:var(--line);stroke-width:.5px;stroke-dasharray:2 2}.hg-model{fill:none;stroke:#e2d8c6;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.hg-next{fill:none;stroke:var(--mustard);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4 4;animation:.8s linear infinite hg-march}@keyframes hg-march{to{stroke-dashoffset:-8px}}.hg-ink{fill:none;stroke:var(--ink);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.hg-ink.is-ok{stroke:var(--success)}.hg-ink.is-remark{stroke:var(--warning)}.hg-ink.is-extra{stroke:var(--error)}.hg-reject{fill:none;stroke:var(--error);stroke-width:4.5px;stroke-linecap:round;animation:.7s forwards hg-out}@keyframes hg-out{to{opacity:0}}.hg-missing{fill:none;stroke:var(--error);stroke-width:3px;stroke-dasharray:3 3;stroke-linecap:round}.hg-case-initial{fill:#c65a421f;stroke:#c65a4280}.hg-case-vowel{fill:#42a2961f;stroke:#42a2968c}.hg-case-final{fill:#deba5a38;stroke:#b48c2899}.hg-case-initial,.hg-case-vowel,.hg-case-final{stroke-width:.6px;stroke-dasharray:2 1.5}.hg-case-label{font:600 4.2px var(--font-mono);fill:var(--muted);text-transform:uppercase}.hg-anim{stroke-dasharray:1;stroke-dashoffset:1px;animation:.55s forwards hg-draw}@keyframes hg-draw{to{stroke-dashoffset:0}}.hg-dot circle{fill:var(--action)}.hg-dot text{fill:#fff;text-anchor:middle;dominant-baseline:central;font:700 5px sans-serif}.hg-fade{opacity:0;animation:.2s forwards hg-fadein}@keyframes hg-fadein{to{opacity:1}}.hg-letters{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;display:grid}.hg-letter{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);width:100%;color:var(--ink);font:inherit;cursor:pointer;align-content:center;place-items:center;gap:2px;padding:6px 4px;display:grid;position:relative;overflow:hidden}.hg-letter:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.hg-letter .hg-letter-text{font:700 40px/1.1 Noto Sans KR,Malgun Gothic,sans-serif;position:relative}.hg-letter .hg-letter-label{font:12px/1 var(--font-mono);color:var(--ink);position:relative}.hg-letter .dots{justify-content:center;position:relative}.hg-letter .dot:not(.up_to_date,.due){border-color:var(--ink)}.hg-letter.is-new{background:0 0;border-style:dashed}.hg-letter.is-new .hg-letter-text{color:var(--muted)}.hg-glyphs{flex-wrap:wrap;gap:12px;display:flex}figure.hg-glyphs{flex-wrap:nowrap;align-items:flex-start}figure.hg-glyphs>figcaption{flex:1;min-width:0}.hg-glyphs figure{text-align:center;justify-items:center;gap:6px;max-width:220px;margin:0;font-size:14px;display:grid}.hg-glyph{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);width:120px;height:120px}.hg-glyph.is-large{width:150px;height:150px}.hg-palette{flex-wrap:wrap;gap:6px;display:flex}.hg-palette button{border-radius:var(--radius-s);border:1px solid var(--line);background:var(--surface);cursor:pointer;min-width:44px;min-height:44px;color:var(--ink);font:700 20px Noto Sans KR,Malgun Gothic,sans-serif}.hg-palette button[aria-pressed=true]{background:var(--outline);color:#fff}.hg-legend{flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.hg-legend span:before{content:"";vertical-align:-1px;background:var(--swatch);border-radius:3px;width:12px;height:12px;margin-right:5px;display:inline-block}.option.hg-sound{font:600 20px var(--font-mono)}.option.hg-written{text-align:center;font:700 26px Noto Sans KR,Malgun Gothic,sans-serif}.option .hg-option-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.hg-verdicts{gap:6px;margin:0;padding:0;list-style:none;display:grid}.hg-verdicts .tag{margin-right:6px}.plabel-glyph{pointer-events:none;font-family:Noto Sans KR,Malgun Gothic,sans-serif;font-weight:700}@media (prefers-reduced-motion:reduce){.hg-anim{stroke-dashoffset:0;animation:none}.hg-next,.hg-reject,.hg-fade{opacity:1;animation:none}}.solo-note{border:1px dashed var(--line);border-radius:var(--radius-m);color:var(--muted);margin:0;padding:14px 16px;line-height:1.45}.hg-rule{border:0;border-top:1px solid var(--line);width:100%;margin:8px 0}
