.kanji-inline{font-family:var(--font-target), var(--font-ui);font-weight:700}.kanji-glyph__text{color:var(--ink);font-family:var(--font-target), var(--font-ui);cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:clamp(4.4rem,22vw,6rem);font-weight:500;line-height:1.2}.kanji-glyph__text[data-n="2"]{font-size:clamp(3.6rem,17vw,4.8rem)}.kanji-glyph__text[data-n="3"]{font-size:clamp(2.8rem,13vw,3.8rem)}.kanji-glyph__text[data-n="4"],.kanji-glyph__text[data-n="5"],.kanji-glyph__text[data-n="6"]{font-size:clamp(2.1rem,9.5vw,2.9rem)}.kanji-glyph__text rt,.poc [lang=ja] ruby>rt,.poc ruby:lang(ja)>rt{font-family:var(--font-target), var(--font-ui);font-size:.42em}.poc :is(.poc-info,.poc-rule,.poc-reason,.poc-instr,.poc-lead,.poc-ex) [lang=ja] ruby>rt{font-size:max(.42em,9px)}.kanji-glyph:has(rt)>.poc-glyph__badge{min-height:1.6em}.kanji-new{color:var(--hint)}.kanji-opt{font-family:var(--font-target), var(--font-ui);font-size:3.4rem;line-height:1.1}.kanji-opt--word{font-size:min(2.6rem, calc(100cqi / var(--chars,1) * .92))}.kanji-opts .poc-opt--tile{min-height:120px}.kanji-note{color:var(--ink-2);text-align:center;margin:4px 0 0;font-size:1.05rem}.ime-strip{align-items:center;min-width:0;max-width:100%;min-height:44px;margin-bottom:-6px;display:flex}.ime-strip__hint{width:100%;color:var(--ink-3);text-align:center;margin:0;font-size:.85rem}.ime-strip__chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;width:100%;padding:2px 1px;display:flex;overflow-x:auto}.ime-strip__chips::-webkit-scrollbar{display:none}.ime-chip{border:1px solid var(--border-strong);background:var(--surface);min-width:44px;height:40px;color:var(--ink);font-family:var(--font-target), var(--font-ui);cursor:pointer;touch-action:manipulation;border-radius:10px;flex:none;padding:0 12px;font-size:1.25rem;line-height:1}.ime-chip[data-current]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-soft-ink)}.ime-chip:active{background:var(--surface-2)}.poc-write{gap:14px}.poc-write__prompt{justify-content:center;align-items:center;gap:14px;min-height:52px;display:flex}.poc-write__model{border:2px solid var(--border);background:var(--surface);cursor:pointer;border-bottom-width:4px;border-radius:18px;place-items:center;width:96px;height:96px;padding:4px;display:grid}.poc-write__model svg{width:100%;height:100%}.poc-write__model path{fill:none;stroke:var(--ink);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:write-stroke .42s var(--ease) forwards}@keyframes write-stroke{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.poc-write__model path{stroke-dashoffset:0;animation:none}}.poc-write__roman{color:var(--ink-2);letter-spacing:.02em;font-size:1.35rem;font-weight:600}.poc-write__twin{color:var(--ink-3);font-size:1rem}.poc-write__twin>span{color:var(--ink-2);font-family:var(--font-target), var(--font-ui);margin-left:4px;font-size:1.6rem}.poc-write__grid{aspect-ratio:1;border:2px solid var(--border);background:var(--surface);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;width:min(280px,100vw - 48px);transition:background .16s var(--ease), border-color .16s var(--ease);border-bottom-width:4px;border-radius:18px;align-self:center}.poc-write__grid[data-shake]{animation:shake .3s var(--ease)}.poc-write__grid[data-done]{border-color:var(--accent);background:var(--accent-soft)}.poc-write__guide{stroke:var(--border-strong);stroke-width:.6px;stroke-dasharray:2 2}.poc-write__ink{fill:none;stroke:var(--ink);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.poc-write__ink.is-live{stroke:var(--ink-2)}.poc-write__ink.is-filled{stroke:var(--hint)}.poc-write__ink.is-rejected{stroke:var(--bad);animation:write-fade .36s var(--ease) forwards}@keyframes write-fade{to{opacity:0}}.poc-write__grid[data-done] .poc-write__ink{stroke:var(--accent)}.poc-write__grid[data-mixed]{border-color:var(--bad-border);background:var(--bad-soft)}.poc-write__ink.is-wrong{stroke:var(--bad)}.poc-write__note{color:var(--bad);text-align:center;font-size:1.05rem;font-weight:600}.poc-write__ghost{fill:none;stroke:color-mix(in srgb, var(--hint) 22%, transparent);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.poc-write__ghost-line{fill:none;stroke:var(--hint);stroke-width:.9px;stroke-dasharray:2.5 2}.poc-write__start{fill:var(--hint);animation:write-pulse 1.2s var(--ease) infinite;transform-box:fill-box;transform-origin:50%}@keyframes write-pulse{50%{transform:scale(1.35)}}.poc-dict{gap:18px}.poc-dict:focus-within{gap:12px}.poc-dict:focus-within .poc-listen{padding:0}.poc-dict:focus-within .poc-speaker--big{width:64px;height:64px;box-shadow:0 4px 0 color-mix(in srgb, var(--accent) 55%, #000);border-radius:20px}.poc-dict:focus-within .poc-speaker--big svg{width:30px;height:30px}.poc-dict__fix{gap:2px;display:grid}.poc-dict__field{border:2px solid var(--border-strong);background:var(--surface);transition:border-color .16s var(--ease), background .16s var(--ease);border-radius:16px;align-items:center;gap:8px;padding:4px 4px 4px 14px;display:flex}.poc-dict__field:focus-within{border-color:var(--accent)}.poc-dict__field[data-state=near]{border-color:var(--almost-border);background:var(--almost-soft)}.poc-dict__field[data-shake]{animation:shake .3s var(--ease)}.poc-dict__input{min-width:0;color:var(--ink);font-family:var(--font-target), var(--font-ui);background:0 0;border:0;outline:none;flex:1;padding:10px 0;font-size:1.6rem}.poc-dict__field .poc-dict__input:focus-visible{outline:none}.poc-dict__input::placeholder{color:var(--ink-3);font-family:var(--font-ui);font-size:1.1rem}.poc-dict__go{background:var(--accent);width:48px;height:48px;color:var(--accent-ink);cursor:pointer;border:0;border-radius:12px;flex:none;font-size:1.4rem}.poc-dict__answer{border:2px solid var(--accent);background:var(--accent-soft);color:var(--accent-soft-ink);font-family:var(--font-target), var(--font-ui);text-align:center;border-radius:16px;padding:12px 14px;font-size:1.6rem}.poc-dict__mark{color:var(--ink-2);font-family:var(--font-target), var(--font-ui);text-align:center;font-size:1.5rem}.poc-dict__mark .is-bad{color:var(--bad);text-underline-offset:6px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:2px}.poc-dict__gap{border-bottom:3px solid var(--bad);vertical-align:-.12em;width:.7em;height:1em;margin:0 2px;display:inline-block}.poc-dict__note{color:var(--almost);text-align:center;font-size:1.05rem;font-weight:600}.poc-dict__gloss{min-height:1.3em;color:var(--ink-2);text-align:center;font-size:1rem}.poc-dict__model{justify-items:center;gap:4px;display:grid}.poc-dict__model-text{font-family:var(--font-target), var(--font-ui);text-align:center;overflow-wrap:anywhere;font-size:1.6rem;line-height:1.3}.poc-dict__down{flex-direction:column;flex:1;gap:10px;display:flex}.poc-dict__was{color:var(--ink-3);text-align:center;font-size:1.15rem}.poc-dict__tip{background:var(--surface-2);color:var(--ink-2);border-radius:12px;padding:10px 12px;font-size:.95rem;line-height:1.45}.poc-rtype__text{cursor:default}.poc-rtype .poc-glyph[data-bare] .poc-glyph__badge,.poc-rtype .poc-glyph[data-bare] .poc-glyph__gloss{display:none}.poc-rtype .poc-glyph[data-bare]{padding-block:18px}.poc-rtype__text .is-bad{color:var(--bad);text-underline-offset:8px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:2px}.poc-rtype:focus-within .poc-glyph{padding:8px 14px 10px}.poc-rtype:focus-within .poc-glyph[data-bare]{padding-block:12px}.poc-rtype:focus-within .poc-glyph__text{--glyph-size:clamp(2.2rem, 11vw, 3rem)}.poc-rtype:focus-within .poc-glyph__text.poc-glyph__text--5,.poc-rtype:focus-within .poc-glyph__text.poc-glyph__text--7{--glyph-size:clamp(1.7rem, 7vw, 2.2rem)}.poc-rtype__type{color:var(--ink-2);text-align:center;font-size:.9rem;line-height:1.35}.poc-rtype__input{font-family:var(--font-ui)}.poc-rtype__down{gap:8px}
