.hz{--hz-frame:color-mix(in srgb,var(--hz-line) 75%,transparent);--hz-tab-h:calc(var(--hz-size) * 0.12);display:grid;gap:calc(var(--hz-size) * .16);min-width:0}.hz-flow{display:flex;flex-wrap:wrap;align-items:flex-start;gap:calc(var(--hz-tab-h) + var(--hz-size) * .1) var(--hz-gap);padding-top:var(--hz-tab-h)}.hz[data-pinyin=none],.hz[data-pinyin=tooltip]{--hz-tab-h:0px}.hz-tip-pinyin{display:inline-flex;flex-wrap:wrap;gap:0 .4em;font-family:var(--font-pinyin,"M PLUS Rounded 1c",sans-serif);font-weight:700;font-size:18px}.hz[data-sandhi]:not([data-sandhi-layout=spoken]){--hz-tab-h:calc(var(--hz-size) * 0.34)}.hz-word{display:inline-flex;align-items:flex-start;max-width:100%}.hz-cells{position:relative;display:flex}.hz-slot{display:flex;flex-direction:column}.hz-cell{position:relative;display:block;width:var(--hz-size);height:var(--hz-size);flex:none}.hz-word:not([data-grid=none]) .hz-cell{outline:1px solid var(--hz-frame);outline-offset:-.5px}.hz-word:not([data-grid=none]) .hz-slot:first-of-type .hz-cell{border-radius:8px 0 0 8px}.hz-word:not([data-grid=none]) .hz-slot:last-of-type .hz-cell{border-radius:0 8px 8px 0}.hz-word:not([data-grid=none]) .hz-slot:only-of-type .hz-cell{border-radius:8px}.hz-grid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hz-grid path{stroke:var(--hz-line);stroke-width:1;stroke-dasharray:4 4;opacity:.55;fill:none}.hz-writer{position:absolute;inset:0;transition:opacity .45s cubic-bezier(.2,.8,.2,1)}.hz-word[data-copy]{animation:hz-copy-in .38s cubic-bezier(.2,.9,.3,1.15) both;animation-delay:calc(var(--hz-i, 0) * 45ms)}@keyframes hz-copy-in{0%{opacity:0;transform:translateY(6px) scale(.92)}}.hz-word[data-leaving]{animation:hz-copy-out .26s cubic-bezier(.4,0,.6,1) both;animation-delay:calc(var(--hz-i, 0) * 25ms);pointer-events:none}@keyframes hz-copy-out{to{opacity:0;transform:translateY(4px) scale(.9)}}.hz-writer svg{display:block}.hz-draw{position:absolute;inset:0;touch-action:none;cursor:crosshair}.hz-cell-clear{position:absolute;z-index:2;right:3px;bottom:3px;display:grid;place-items:center;width:max(20px,calc(var(--hz-size) * .22));height:max(20px,calc(var(--hz-size) * .22));padding:0;border:0;border-radius:50%;background:var(--surface,#f4ecd6);color:var(--text,#2b2118);line-height:0;cursor:pointer;box-shadow:0 1px 4px rgb(var(--shadow,20 14 8)/.2);opacity:.75;transition:opacity .15s,transform .15s}.hz-cell-clear svg{width:62%;height:62%;stroke-width:2.5}.hz-cell-clear:focus-visible,.hz-cell-clear:hover{opacity:1;transform:scale(1.08)}.hz .hz-skeleton{position:absolute;inset:14%;border-radius:10px;background:color-mix(in srgb,var(--hz-line) 22%,transparent)}.hz-tab{position:absolute;bottom:calc(100% - .625em);display:flex;flex-wrap:wrap-reverse;justify-content:flex-end;align-items:baseline;column-gap:.3em;padding:0 .35em;border-radius:.3em;background:var(--hz-bg,var(--hz-bg-auto));transition:background-color .25s;font-family:var(--font-pinyin,"M PLUS Rounded 1c",system-ui,sans-serif);font-size:max(10px,calc(var(--hz-size) * .17));font-weight:700;line-height:1.25;white-space:nowrap;pointer-events:none;user-select:none;-webkit-user-select:none}.hz-tab--word{right:calc(var(--hz-size) * .1);max-width:calc(100% - var(--hz-size) * .2)}.hz-tab--char{right:calc(var(--hz-size) * .08);max-width:calc(100% - var(--hz-size) * .08)}.hz-spoken,.hz-written{white-space:nowrap}.hz-tab--word .hz-written{white-space:normal;overflow-wrap:anywhere;text-align:right}.hz-spoken{font-size:.92em}.hz[data-sandhi-layout=stack] .hz-tab>.hz-spoken,.hz[data-sandhi-layout=stack] .hz-tab>.hz-written{flex-basis:100%;text-align:right}.hz[data-sandhi-layout=spoken] .hz-arrow,.hz[data-sandhi-layout=spoken] .hz-tab:has(>.hz-spoken)>.hz-written{display:none}.hz[data-sandhi-layout=spoken] .hz-spoken{font-size:1em}.hz[data-sandhi-layout=spoken] .hz-changed{text-decoration:underline dotted .1em;text-underline-offset:.18em}.hz-arrow{margin-right:.2em;color:var(--muted,#6b5f50);font-weight:500}.hz-word:not([data-grid=none])[data-cut-after] .hz-slot:last-of-type .hz-cell{border-top-right-radius:0;border-bottom-right-radius:0}.hz-word:not([data-grid=none])[data-cut-before] .hz-slot:first-of-type .hz-cell{border-top-left-radius:0;border-bottom-left-radius:0}.hz-glyph-text{place-items:center;color:transparent;user-select:none;-webkit-user-select:none}.hz-fallback,.hz-glyph-text{position:absolute;inset:0;display:grid;font-family:var(--font-hanzi-text,"Noto Sans SC",sans-serif);font-size:calc(var(--hz-size) * .7);line-height:1;pointer-events:none}.hz-fallback{place-items:center}.hz-glyph-text[data-selectable]{user-select:text;-webkit-user-select:text;pointer-events:auto;cursor:text}.hz-glyph-text::selection,.hz-latin::selection,.hz-punct::selection{background:var(--selection,color-mix(in srgb,var(--primary,#e4771b) 32%,transparent));color:transparent}.hz-latin::selection,.hz-punct::selection{color:inherit}.hz-latin,.hz-punct{user-select:none;-webkit-user-select:none}.hz[data-selectable] .hz-latin,.hz[data-selectable] .hz-punct{user-select:text;-webkit-user-select:text}.hz-punct{display:flex;height:var(--hz-size);padding-inline:calc(var(--hz-size) * .02) calc(var(--hz-size) * .04);font-family:var(--font-hanzi-text,"Noto Sans SC",sans-serif);font-size:calc(var(--hz-size) * .46);line-height:1;color:var(--text,#2b2118)}.hz-punct[data-pos=low]{align-items:flex-end;padding-bottom:calc(var(--hz-size) * .12);padding-left:calc(var(--hz-size) * .08)}.hz-punct[data-pos=mid]{align-items:center;font-size:calc(var(--hz-size) * .4);padding-left:calc(var(--hz-size) * .12)}.hz-latin{display:flex;align-items:center;min-height:var(--hz-size);max-width:100%;padding-inline:calc(var(--hz-size) * .04);font-family:var(--font-ui,system-ui),sans-serif;font-size:clamp(14px,calc(var(--hz-size) * .3),26px);font-weight:500;line-height:1.3;color:var(--text,#2b2118);overflow-wrap:anywhere}.hz[data-latin=cell] .hz-latin{font-size:calc(var(--hz-size) * .62);line-height:1;font-weight:600;padding-inline:calc(var(--hz-size) * .08)}.hz-radical{position:absolute;z-index:1;display:grid;place-items:center;width:max(14px,calc(var(--hz-size) * .19));height:max(14px,calc(var(--hz-size) * .19));border-radius:4px;background:var(--accent,#4f6a36);color:var(--on-accent,#fbf7ea);font-family:var(--font-hanzi-text,"Noto Sans SC",sans-serif);font-size:max(9px,calc(var(--hz-size) * .12));font-weight:700;line-height:1;pointer-events:none;user-select:none;-webkit-user-select:none}.hz[data-radical-badge=line] .hz-radical{left:calc(var(--hz-size) * .08);bottom:0;translate:0 50%;box-shadow:0 0 0 2px var(--hz-bg,var(--hz-bg-auto))}.hz[data-radical-badge=corner] .hz-radical{top:2px;left:2px;width:max(12px,calc(var(--hz-size) * .15));height:max(12px,calc(var(--hz-size) * .15));font-size:max(8px,calc(var(--hz-size) * .1));opacity:.9}.hz[data-radical-badge=none] .hz-radical{display:none}.hz[data-radical-badge=line] .hz-flow{padding-bottom:calc(var(--hz-size) * .1)}.hz-feedback{--st:var(--muted,#6b5f50);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;width:var(--hz-size);height:22px;margin-top:8px;padding-inline:calc(var(--hz-size) * .08);box-sizing:border-box;font:600 12px/1 var(--font-ui,system-ui),sans-serif;color:var(--st)}.hz-feedback>b{min-width:2ch;text-align:right;font-variant-numeric:tabular-nums}.hz-feedback:has(>.hz-badge:only-child){grid-template-columns:minmax(0,1fr);justify-items:center}.hz-feedback[data-level=success]{--st:var(--success,#4f6a36)}.hz-feedback[data-level=warning]{--st:var(--warning,#8a5300)}.hz-feedback[data-level=error]{--st:var(--error,#b3261e)}.hz-bar{flex:1;height:6px;border-radius:3px;overflow:hidden;background:color-mix(in srgb,var(--hz-line) 30%,transparent)}.hz-bar>span{display:block;height:100%;border-radius:3px;background:var(--st);transition:width .5s cubic-bezier(.2,.8,.2,1)}.hz-bar--pending{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--hz-line) 60%,transparent),transparent) 0 0 /200% 100%;animation:hz-pending 1s linear infinite}.hz-badge{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes hz-pending{to{background-position:-200% 0}}.hz-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hz-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin:0;padding:0 14px;border:1.5px solid var(--control,#8c7c66);border-radius:10px;background:transparent;color:var(--text,#2b2118);font:600 13px/1 var(--font-ui,system-ui),sans-serif;cursor:pointer;transition:background-color .15s,border-color .15s}.hz-btn:hover:not(:disabled){background:var(--surface,#f4ecd6);border-color:var(--text,#2b2118)}.hz-btn:disabled{opacity:.5;cursor:progress}.hz-btn[aria-pressed=true]{background:var(--surface,#f4ecd6);border-color:var(--text,#2b2118)}.hz-btn--main{background:var(--primary,#e4771b);border-color:transparent;color:var(--on-primary,#2b2118)}.hz-btn--main:hover:not(:disabled){background:color-mix(in srgb,var(--primary,#e4771b) 85%,#fff);border-color:transparent}.hz-btn--end{margin-left:auto}.hz-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;user-select:none;-webkit-user-select:none}@media (prefers-reduced-motion:reduce){.hz-bar--pending,.hz-word[data-copy],.hz-word[data-leaving]{animation:none}.hz-writer{transition:none}}.hz-pinyin{font-family:var(--font-pinyin,"M PLUS Rounded 1c",system-ui,sans-serif);font-weight:700}.hz-pinyin-word{display:inline-flex;align-items:baseline}.hz-pinyin-word+.hz-pinyin-word{margin-left:.3em}.hz-pinyin-punct{font-weight:500;color:var(--text,#2b2118)}.hz-pinyin-wait{color:var(--muted,#6b5f50);letter-spacing:.2em}.hz-pinyin[data-with-hanzi] .hz-pinyin-word{display:inline-grid;justify-items:center;vertical-align:top;line-height:1.2}.hz-pinyin[data-with-hanzi] .hz-pinyin-punct{grid-row:1;grid-column:2}.hz-pinyin-hanzi{font-family:var(--font-hanzi-text,"Noto Sans SC",sans-serif);font-weight:400;font-size:.8em;color:var(--muted,#6b5f50)}