.cx{--cx-top:88px;display:grid;gap:var(--space-3);min-width:0}.cx-h{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.cx p,.cx-h{margin:0}.cx-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.cx-title-row{flex:1 0 100%}.cx-title{margin:0;font-size:var(--fs-h3);line-height:1.2}.cx-help{display:grid;gap:var(--space-2);margin:var(--space-2) 0 0}.cx-help dt{font-weight:700}.cx-help dd{margin:0}.cx-search{position:relative;display:flex;gap:var(--space-2);flex:1 1 120px;min-width:0;max-width:360px}.cx-search .input{flex:1;min-width:0;font-size:18px}.cx-err{position:absolute;top:100%;left:0;margin-top:2px;z-index:2}.cx-tools{display:flex;gap:var(--space-1);margin-left:auto}.cx-icon-btn{position:relative;padding:0;width:44px;flex:none}.cx-icon-btn .icon{width:22px;height:22px}.cx-count{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-pill);background:var(--text);color:var(--bg);font-size:11px;font-weight:700;line-height:18px}.cx-steps{display:flex;flex-wrap:nowrap;overflow:hidden;gap:var(--space-4);margin:0;padding:0;list-style:none;font-size:var(--fs-small);color:var(--muted)}.cx-steps li{display:flex;align-items:center;gap:var(--space-2);min-width:0;white-space:nowrap}.cx-steps li>span:last-child{overflow:hidden;text-overflow:ellipsis}.cx-steps li[data-active]{color:var(--text);font-weight:600}.cx-step-n{display:inline-grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;border:1.5px solid var(--control);font-size:12px;font-weight:700}.cx-steps li[data-active] .cx-step-n{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.cx-steps li[data-done] .cx-step-n{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.cx-main{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.cx-left,.cx-main,.cx-right{gap:var(--space-3);min-height:0}.cx-left,.cx-right{display:flex;flex-direction:column;min-width:0}.cx-entry{padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.cx-readings{display:inline-flex;flex-wrap:wrap;gap:0 var(--space-2);font-size:15px;line-height:1.3}.cx-ety-badge{border:0;cursor:pointer}.cx-stage{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2);touch-action:pan-y;user-select:none}.cx-mid{display:grid;place-items:center;min-width:0}.cx-arrow{padding:0;width:44px;height:88px}.cx-arrow .icon{width:32px;height:32px}.cx-canvas{width:min(100%,50dvh,420px);aspect-ratio:1;border-radius:var(--radius-panel);border:1px solid var(--border);overflow:hidden;background:linear-gradient(var(--border),var(--border)) 50% /100% 1px no-repeat,linear-gradient(var(--border),var(--border)) 50% /1px 100% no-repeat,var(--bg)}.cx-canvas[data-dir=next]{animation:cx-in-next .22s ease-out}.cx-canvas[data-dir=prev]{animation:cx-in-prev .22s ease-out}@keyframes cx-in-next{0%{transform:translateX(24%);opacity:0}}@keyframes cx-in-prev{0%{transform:translateX(-24%);opacity:0}}.cx[aria-busy=true] .cx-canvas{opacity:.7;transition:opacity .12s .15s}.cx-svg{display:block;width:100%;height:100%}.cx-part path{fill:var(--text);stroke:transparent;stroke-width:28px;stroke-linejoin:round;transition:fill .12s}.cx-part:not([data-unknown]):not([data-loose]){cursor:pointer}.cx-part[data-radical] path{stroke:var(--accent);stroke-width:14px;paint-order:stroke}.cx-part[data-selected] path{fill:var(--primary)}.cx-part[data-unknown] path{fill:url(#cx-hatch)}.cx-hatch-bg{fill:color-mix(in srgb,var(--muted) 30%,transparent)}.cx-hatch-line{stroke:var(--muted);stroke-width:12px}@media (hover:hover){.cx-part:not([data-unknown]):not([data-loose]):not([data-selected]):hover path{fill:color-mix(in srgb,var(--primary) 55%,var(--text))}}.cx-parts{flex:none;align-items:center;gap:var(--space-2) var(--space-3)}.cx-part-chips,.cx-parts{display:flex;flex-wrap:wrap}.cx-part-chips{gap:6px;margin:0;padding:0;list-style:none}.cx-part-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1.5px solid var(--control);border-radius:var(--radius-control);background:var(--bg);color:var(--text);cursor:pointer}.cx-part-chip .zh{font-size:22px;line-height:1}.cx-part-chip:hover:not(:disabled){border-color:var(--text)}.cx-part-chip[data-radical]{border-color:var(--accent);border-width:2.5px}.cx-part-chip[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary);--tone1:currentColor;--tone2:currentColor;--tone3:currentColor;--tone4:currentColor;--tone5:currentColor}.cx-part-chip .hz-pinyin{font-size:14px}.cx-part-chip[data-unknown]{cursor:default;opacity:.7;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--muted) 30%,transparent) 0 2px,transparent 2px 8px)}.cx-key{display:flex;gap:var(--space-3);align-self:flex-end;height:18px;margin-bottom:calc(-1 * var(--space-2))}.cx-variants{gap:var(--space-2);margin-left:auto}.cx-key>span,.cx-variants{display:inline-flex;align-items:center}.cx-key>span{gap:4px}.cx-key i{display:inline-block;width:12px;height:12px;border-radius:3px}.cx-key i[data-k=selected]{background:var(--primary)}.cx-key i[data-k=radical]{border:2.5px solid var(--accent)}.cx-key i[data-k=unknown]{background:repeating-linear-gradient(45deg,var(--muted) 0 1.5px,transparent 1.5px 4px)}.cx-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.cx-chip{min-width:44px;min-height:44px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg);color:var(--text);font-size:22px;line-height:1;cursor:pointer}.cx-chip:hover{border-color:var(--text)}.cx-chip[aria-current=true]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.cx-candidates{display:grid;grid-template-rows:24px 52px;gap:var(--space-1);min-width:0;flex:none}.cx-cand-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);height:24px;min-width:0}.cx-cand-head .cx-h{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cx-cand-head .badge{flex:none}.cx-strip{position:relative;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:4px}.cx-strip>li{flex:none}.cx-empty{display:flex;align-items:center;height:48px;padding:0 var(--space-3);border:1.5px dashed var(--control);border-radius:var(--radius-control);line-height:1.3}.cx-right>.rubber-segment{flex:none}.cx-tab{display:grid;gap:var(--space-3);align-content:start;min-height:0}.cx-block{padding-top:var(--space-3);border-top:1px solid var(--border)}.cx-block,.cx-legend{display:grid;gap:var(--space-2)}.cx-legend{margin:0;padding:0;list-style:none}.cx-card-btn{display:flex;align-items:start;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:1.5px solid var(--border);border-radius:var(--radius-control);background:var(--bg);color:var(--text);text-align:left;cursor:pointer;transition:border-color .12s,background .12s}.cx-card-btn:hover:not(:disabled){border-color:var(--text)}.cx-card-btn[aria-pressed=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,var(--bg))}.cx-card-btn[data-radical]{border-color:var(--accent)}.cx-card-btn[data-radical][aria-pressed=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--accent)}.cx-card-btn:disabled{cursor:default}.cx-card-btn[data-unknown]{opacity:.7}.cx-glyph{font-size:28px;line-height:1;min-width:1.2em;text-align:center}.cx-part-body{display:grid;gap:2px;min-width:0}.cx-part-top{gap:var(--space-2)}.cx-part-top,.cx-strokes-line{display:flex;flex-wrap:wrap;align-items:center}.cx-strokes-line{gap:4px;color:var(--muted)}.cx-stroke-n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:11px;font-weight:600}.cx-meaning{display:grid;gap:2px;overflow-wrap:anywhere}.cx-hint{font-style:italic}.cx-tree{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.cx-tree .cx-tree{margin-top:6px;padding-left:var(--space-3);border-left:2px solid var(--border);flex-direction:column}.cx-tree>li{display:flex;flex-direction:column;align-items:start}.cx-history-pop{width:min(320px,calc(100vw - 32px));max-height:min(420px,70dvh);overflow-y:auto;display:grid;gap:var(--space-2);padding:var(--space-4);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:0 12px 32px rgb(var(--shadow)/.18)}.cx-history{display:grid;gap:4px;margin:0;padding:0;list-style:none}.cx-history-row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:4px var(--space-2);border:1.5px solid transparent;border-radius:var(--radius-control);background:none;color:var(--text);text-align:left;cursor:pointer}.cx-history-row:hover{background:var(--bg)}.cx-history-row[aria-current=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--bg))}.cx-history-row[data-future]{opacity:.6}.cx-history-text{display:grid;min-width:0}.cx-history-text .muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:639px){.cx,.cx-left,.cx-main{gap:var(--space-2)}.cx{padding-bottom:calc(var(--space-12) + env(safe-area-inset-bottom))}.cx-steps{min-height:2.9em;align-items:center}.cx-steps li{white-space:normal}.cx-steps li:not([data-active]){display:none}.cx-stage{grid-template-columns:28px minmax(0,1fr) 28px;gap:2px}.cx-stage .cx-arrow{width:28px;height:88px;border:0;background:none;box-shadow:none}.cx-stage .cx-arrow:hover:not(:disabled){background:none;box-shadow:none;color:var(--primary-ink)}.cx-arrow:disabled{visibility:hidden}.cx-canvas{width:min(100%,28dvh);border-radius:var(--radius-control)}.cx-tools{margin-left:0}.cx-right{padding-top:var(--space-3);border-top:1px solid var(--border)}.cx-variants{margin-left:0}}@media (min-width:640px){.cx-title-row{flex:0 1 auto;margin-right:var(--space-2)}}@media (min-width:1024px) and (min-height:640px){.cx-main{column-gap:var(--space-8)}.cx{height:calc(100dvh - var(--cx-top) - var(--space-4));grid-template-rows:auto auto minmax(0,1fr)}.cx-main{height:100%;grid-template-columns:minmax(0,1.2fr) minmax(340px,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"left entry" "left right";align-items:stretch}.cx-entry{grid-area:entry}.cx-left{grid-area:left}.cx-right{grid-area:right}.cx-stage{flex:1 1 0;min-height:0;grid-template-rows:minmax(0,1fr)}.cx-mid{height:100%;container-type:size}.cx-canvas{width:min(100cqw,100cqh)}.cx-tab{flex:1 1 0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}}@media (prefers-reduced-motion:reduce){.cx-canvas[data-dir]{animation:none}.cx-part path{transition:none}}.cx-sk{display:block;flex:none}.cx-meaning .cx-sk+.cx-sk{margin-top:4px}.cx-sk-entry{display:flex;align-items:center;gap:var(--space-3)}.cx-sk-lines{display:grid;gap:var(--space-2);flex:1}.cx-sk-tree{display:flex;gap:var(--space-2)}.cx-left .cx-canvas[data-slot=skeleton]{border:0;background:color-mix(in srgb,var(--text) 9%,transparent)}.cx-hp{display:grid;gap:var(--space-4);margin-top:var(--space-1)}.cx-hp ul{display:grid;gap:var(--space-2);margin:var(--space-2) 0 0;padding:0;list-style:none}.cx-hp-h{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:inherit}.cx-hp-n{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-size:11px}.cx-hp-row{display:grid;grid-template-columns:196px minmax(0,1fr);gap:var(--space-3);align-items:center}.cx-hp-demo .badge{font-size:10px;padding:0 6px}.cx-hp-demo{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.cx-hp-demo .icon{width:20px;height:20px}.cx-hp-text{line-height:1.4}.cx-hp-text .badge{font-size:11px;padding:0 8px}.cx-hp-arrow{opacity:.7}.cx-hp-chip{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 4px;border-radius:7px;background:var(--bg);color:var(--text);border:1.5px solid var(--control);font-size:16px;line-height:1}.cx-hp-chip[data-k=on]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.cx-hp-chip[data-k=radical]{border:2.5px solid var(--accent)}.cx-hp-chip[data-k=unknown]{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--muted) 40%,var(--bg)) 0 2px,var(--bg) 2px 6px);color:var(--muted)}.cx-hp-chip[data-k=tap]{animation:cx-hp-toggle 2.4s steps(1) infinite}.cx-hp-touch{display:inline-flex;animation:cx-hp-tap 2.4s ease-in-out infinite}@keyframes cx-hp-toggle{0%,to{background:var(--bg);color:var(--text);border-color:var(--control)}25%,75%{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}}@keyframes cx-hp-tap{0%,50%,to{transform:translate(0) scale(1)}20%,70%{transform:translate(-4px,-3px) scale(.85)}}.cx-hp-strip{position:relative;display:block;width:150px;overflow:hidden;padding:3px 0}.cx-hp-strip:after{content:"";position:absolute;top:0;bottom:0;left:59px;width:32px;border:2px solid var(--primary);border-radius:8px}.cx-hp-track{display:flex;gap:4px;width:max-content;animation:cx-hp-slide 7s linear infinite}@keyframes cx-hp-slide{to{transform:translateX(-50%)}}.cx-hp .badge-outline{color:inherit;border-color:color-mix(in srgb,currentColor 60%,transparent)}@media (max-width:480px){.cx-hp-row{grid-template-columns:124px minmax(0,1fr);gap:var(--space-2)}.cx-hp-strip{width:120px}.cx-hp-strip:after{left:44px}}@media (prefers-reduced-motion:reduce){.cx-hp-chip[data-k=tap],.cx-hp-touch,.cx-hp-track{animation:none}}