.card{background:transparent;padding:0;margin:0}.r-hold .radical-card{visibility:hidden}.radical-card{--paper:#fff;--sunk:#f2f4f8;--ink:#14161d;--ink-2:#4c5366;--ink-3:#7a8298;--rule:#dfe3ec;--guide:#ccd3e2;--accent:#23407a;--accent-soft:#e6ecf8;--brush:#14161d;box-sizing:border-box;max-width:44rem;margin:0 auto;padding:clamp(.75rem,3vw,1.5rem);background:var(--paper);color:var(--ink);font-family:-apple-system,"Segoe UI Variable Text","Segoe UI",Roboto,system-ui,sans-serif;font-size:clamp(15px,1.1vw + 13px,18px);line-height:1.6;text-align:left;display:flex;flex-direction:column;gap:clamp(.9rem,2.5vw,1.35rem)}.radical-card[data-theme=dark],html[data-theme=dark] .radical-card:not([data-theme=light]),.night_mode .radical-card:not([data-theme=light]),.nightMode .radical-card:not([data-theme=light]){--paper:#16181f;--sunk:#1d212a;--ink:#e8eaf1;--ink-2:#a3abbe;--ink-3:#7d8598;--rule:#2b3140;--guide:#363d4f;--accent:#8facee;--accent-soft:#1b2440;--brush:#e8eaf1}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .radical-card:not([data-theme=light]){--paper:#16181f;--sunk:#1d212a;--ink:#e8eaf1;--ink-2:#a3abbe;--ink-3:#7d8598;--rule:#2b3140;--guide:#363d4f;--accent:#8facee;--accent-soft:#1b2440;--brush:#e8eaf1}}
.radical-card[data-size=s]{font-size:clamp(13px,.9vw + 11px,15.5px)}.radical-card[data-size=l]{font-size:clamp(17px,1.3vw + 15px,21px)}.radical-card{--tone-indigo:#23407a;--soft-indigo:#e6ecf8;--tone-blue:#10559a;--soft-blue:#e2eefb;--tone-teal:#0f6a66;--soft-teal:#dcefed;--tone-green:#2b6a34;--soft-green:#e2f0e3;--tone-olive:#63611a;--soft-olive:#eeeeda;--tone-amber:#8a5200;--soft-amber:#f8ecd8;--tone-rust:#94421c;--soft-rust:#fae5da;--tone-crimson:#9a2540;--soft-crimson:#fbe2e7;--tone-plum:#7a2f63;--soft-plum:#f4e4ef;--tone-ink:#2f3440;--soft-ink:#e9ebf0}.radical-card[data-theme=dark],html[data-theme=dark] .radical-card:not([data-theme=light]),.night_mode .radical-card:not([data-theme=light]),.nightMode .radical-card:not([data-theme=light]){--tone-indigo:#8facee;--soft-indigo:#1b2440;--tone-blue:#6bb2f0;--soft-blue:#12283d;--tone-teal:#58c7bf;--soft-teal:#12312f;--tone-green:#82c68a;--soft-green:#16301a;--tone-olive:#c9c05a;--soft-olive:#2c2a10;--tone-amber:#e0ac5a;--soft-amber:#33270f;--tone-rust:#ef9a71;--soft-rust:#37200f;--tone-crimson:#f08fa4;--soft-crimson:#3a1620;--tone-plum:#dc9ac8;--soft-plum:#33203b;--tone-ink:#b9c0d0;--soft-ink:#262b36}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .radical-card:not([data-theme=light]){--tone-indigo:#8facee;--soft-indigo:#1b2440;--tone-blue:#6bb2f0;--soft-blue:#12283d;--tone-teal:#58c7bf;--soft-teal:#12312f;--tone-green:#82c68a;--soft-green:#16301a;--tone-olive:#c9c05a;--soft-olive:#2c2a10;--tone-amber:#e0ac5a;--soft-amber:#33270f;--tone-rust:#ef9a71;--soft-rust:#37200f;--tone-crimson:#f08fa4;--soft-crimson:#3a1620;--tone-plum:#dc9ac8;--soft-plum:#33203b;--tone-ink:#b9c0d0;--soft-ink:#262b36}}
.radical-card[data-accent=indigo]{--accent:var(--tone-indigo);--accent-soft:var(--soft-indigo)}.radical-card[data-accent=blue]{--accent:var(--tone-blue);--accent-soft:var(--soft-blue)}.radical-card[data-accent=teal]{--accent:var(--tone-teal);--accent-soft:var(--soft-teal)}.radical-card[data-accent=green]{--accent:var(--tone-green);--accent-soft:var(--soft-green)}.radical-card[data-accent=olive]{--accent:var(--tone-olive);--accent-soft:var(--soft-olive)}.radical-card[data-accent=amber]{--accent:var(--tone-amber);--accent-soft:var(--soft-amber)}.radical-card[data-accent=rust]{--accent:var(--tone-rust);--accent-soft:var(--soft-rust)}.radical-card[data-accent=crimson]{--accent:var(--tone-crimson);--accent-soft:var(--soft-crimson)}.radical-card[data-accent=plum]{--accent:var(--tone-plum);--accent-soft:var(--soft-plum)}.radical-card[data-accent=ink]{--accent:var(--tone-ink);--accent-soft:var(--soft-ink)}.radical-card[data-brush=accent]{--brush:var(--accent)}.radical-card *{box-sizing:border-box}.json-src{display:none}.r-hidden{display:none!important}[hidden]{display:none!important}
.radical-front{min-height:60vh;align-items:center;justify-content:center;text-align:center;gap:.5rem}.r-ask-keyword{font-size:clamp(1.6rem,7vw,2.6rem);line-height:1.2;font-weight:600;text-wrap:balance}.r-ask-hanviet{font-size:clamp(2rem,9vw,3.2rem);line-height:1.1;font-weight:600;letter-spacing:.02em;color:var(--accent)}.r-ask-hanviet+.r-ask-keyword{font-size:clamp(1.05rem,4.5vw,1.4rem);font-weight:400;color:var(--ink-2);margin-top:.15rem}.radical-card .r-hint-btn{box-shadow:none;align-self:center;margin:.6rem 0 0;padding:.25rem .8rem;font:inherit;font-size:.78em;color:var(--ink-3);background:none;border:1px solid var(--rule);border-radius:.4rem;cursor:pointer}.radical-card .r-hint-btn:hover{color:var(--accent);border-color:var(--accent)}.r-hints{display:flex;flex-direction:column;align-items:center;gap:.7rem;max-width:min(26rem,100%);margin:.6rem auto 0;font-size:.9em}.r-hints:empty{display:none}.r-hint-rung{padding:.25rem .6rem;border:1px solid var(--rule);border-radius:.45rem;color:var(--ink-2)}
.r-hero{display:flex;gap:clamp(.85rem,3vw,1.4rem);align-items:flex-start}.r-stage-wrap{flex:0 0 auto}.r-stage{position:relative;width:clamp(7.5rem,38vw,9.5rem);aspect-ratio:1;border:1px solid var(--rule);border-radius:.6rem;background:var(--sunk);display:grid;place-items:center;overflow:hidden}.r-grid{position:absolute;inset:0;z-index:0;pointer-events:none}.r-grid line{stroke:var(--guide);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.r-stage>:not(.r-grid){position:relative;z-index:1}.r-stage.r-bare{background:transparent;border-color:transparent}.r-glyph{position:relative;font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN","MS Mincho","Noto Serif JP",serif;font-size:clamp(3.6rem,16vw,5.4rem);line-height:1}.r-stage.r-has-svg .r-glyph{display:none}.r-svg{position:relative;width:100%;height:100%;display:block}.r-stroke{fill:none;stroke:var(--brush);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;transition:opacity .12s linear}@media(prefers-reduced-motion:reduce){.r-stroke{transition:none}}.r-stroke.r-off{opacity:0}.r-stroke.r-newest{stroke:var(--accent)}.r-stroke-no{font-family:-apple-system,"Segoe UI",system-ui,sans-serif;font-size:7px;font-weight:600;fill:var(--accent);paint-order:stroke;stroke:var(--sunk);stroke-width:2.4;stroke-linejoin:round;dominant-baseline:middle;text-anchor:middle;transition:opacity .12s linear}.r-stage.r-bare .r-stroke-no{stroke:var(--paper)}.r-stroke-no.r-off{opacity:0}.r-svg.r-no-numbers .r-stroke-no{opacity:0}.r-stroke-bar{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-top:.5rem}.radical-card .r-step{margin:0;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.9rem;height:1.9rem;padding:0;font:inherit;font-size:.85em;line-height:1;color:var(--ink-3);background:none;border:1px solid var(--rule);border-radius:.35rem;cursor:pointer}.radical-card .r-step svg{width:1.15em;height:1.15em;display:block}.radical-card .r-step .r-ico-pause{display:none}.radical-card .r-step.r-step-playing .r-ico-play{display:none}.radical-card .r-step.r-step-playing .r-ico-pause{display:block}.radical-card .r-step:hover{color:var(--accent);border-color:var(--accent)}.radical-card .r-step-on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}
.r-identity{flex:1 1 auto;min-width:0}.r-hanviet{font-size:clamp(1.2rem,4.4vw,1.55rem);font-weight:600;letter-spacing:.03em;line-height:1.2;color:var(--accent);margin-bottom:.15rem}.r-meaning{font-size:clamp(1.25rem,4.5vw,1.6rem);line-height:1.25;font-weight:600;text-wrap:balance}.r-pills{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}.r-pill{font-size:.7em;letter-spacing:.05em;padding:.15rem .5rem;border:1px solid var(--rule);border-radius:999px;color:var(--ink-2);white-space:nowrap}
.r-block{padding-top:clamp(.5rem,1.6vw,.8rem)}.r-label{display:flex;align-items:center;gap:.6rem;margin:0 0 .55rem;font-size:.68em;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.r-label:after{content:"";flex:1;height:1px;background:var(--rule)}.r-reading{margin:0;font-family:"Yu Gothic UI","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,"Noto Sans JP",sans-serif;font-size:1.05em;overflow-wrap:anywhere}.r-chips{display:flex;flex-wrap:wrap;gap:.45rem}.r-chip{display:flex;align-items:center;gap:.45rem;padding:.25rem .45rem;border:1px solid var(--rule);border-radius:.45rem;background:var(--sunk);max-width:100%}.r-chip b{font-family:"Yu Mincho","Hiragino Mincho ProN","MS Mincho",serif;font-size:1.35em;font-weight:400;line-height:1}.r-fallback{font-size:.9em;color:var(--ink-2)}.is-built .r-fallback{display:none}
.r-examples{display:grid;gap:.5rem}.r-example{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:.3rem .85rem;align-items:baseline}.r-example-term{white-space:nowrap}.r-example-char{font-family:"Yu Mincho","Hiragino Mincho ProN","MS Mincho",serif;font-size:1.15em}.r-example-hv{margin-left:.85rem;font-size:.62em;letter-spacing:.04em;line-height:1.2;color:var(--accent)}.r-example-meaning{font-size:.85em;color:var(--ink-2);line-height:1.4;overflow-wrap:anywhere}.r-links{display:flex;flex-wrap:wrap;gap:.4rem}.r-links a{font-size:.78em;letter-spacing:.04em;text-decoration:none;padding:.28rem .65rem;border:1px solid var(--rule);border-radius:.4rem;color:var(--ink-2)}.r-links a:hover{color:var(--accent);border-color:var(--accent)}
.r-settings-slot{margin-top:.2rem}.radical-card .r-set-btn{margin:0;box-shadow:none;display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;font:inherit;font-size:.72em;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:none;border:1px solid var(--rule);border-radius:.4rem;cursor:pointer}.radical-card .r-set-btn:before{content:"\2699";font-size:1.15em;letter-spacing:0}.radical-card .r-set-btn:hover{color:var(--accent);border-color:var(--accent)}.radical-card .r-set-btn-on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.r-set-panel{margin-top:.5rem;border:1px solid var(--rule);border-radius:.5rem;background:var(--sunk);overflow:hidden}.r-set-sec+.r-set-sec{border-top:1px solid var(--rule)}.radical-card .r-set-head{margin:0;box-shadow:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.1rem .5rem;width:100%;padding:.5rem .7rem;font:inherit;text-align:left;color:var(--ink);background:none;border:0;cursor:pointer}.radical-card .r-set-head:after{content:"\203A";grid-column:2;grid-row:1;justify-self:end;color:var(--ink-3);transition:transform .15s ease}.radical-card .r-set-head[aria-expanded=true]:after{transform:rotate(90deg)}.r-set-head-name{grid-column:1;grid-row:1;font-size:.9em;font-weight:600}.r-set-head-what{grid-column:1/-1;grid-row:2;font-size:.72em;line-height:1.4;color:var(--ink-3)}.r-set-head[aria-expanded=true] .r-set-head-what{display:none}.r-set-body{padding:0 .7rem .6rem}.r-set-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.3rem .6rem;padding:.3rem 0}.r-set-row+.r-set-row{border-top:1px dashed var(--rule)}.r-set-name{font-size:.82em;color:var(--ink-2)}.r-set-opts{display:flex;flex-wrap:wrap;gap:.25rem}.r-set-opts-wide{flex:1 1 100%}.r-set-opts-swatch{gap:.5rem}.radical-card .r-set-swatch{font:inherit;margin:0;box-shadow:none;width:1.75rem;height:1.75rem;flex:0 0 auto;padding:0;border:1px solid var(--rule);border-radius:50%;background:var(--dot);cursor:pointer;position:relative}.radical-card .r-set-swatch:hover{transform:scale(1.12)}.radical-card .r-set-swatch:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.radical-card .r-set-swatch.r-set-on{box-shadow:0 0 0 2px var(--paper),0 0 0 3.5px var(--ink)}.radical-card .r-set-opt{margin:0;box-shadow:none;padding:.15rem .5rem;font:inherit;font-size:.75em;line-height:1.5;color:var(--ink-3);background:var(--paper);border:1px solid var(--rule);border-radius:.35rem;cursor:pointer}.radical-card .r-set-opt:hover{color:var(--accent);border-color:var(--accent)}.radical-card .r-set-opt.r-set-on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);font-weight:600}.r-set-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.1rem .7rem .6rem}.r-set-ver{display:inline-flex;align-items:baseline;gap:.35rem;min-width:0;font-size:.72em;color:var(--ink-3)}.r-set-ver-k{text-transform:uppercase;letter-spacing:.05em}.r-set-ver-v{font-family:inherit;color:var(--ink-2)}.radical-card .r-set-reset{box-shadow:none;display:block;margin:0;padding:.15rem .5rem;font:inherit;font-size:.72em;color:var(--ink-3);background:none;border:1px solid var(--rule);border-radius:.35rem;cursor:pointer}.radical-card .r-set-reset:hover{color:var(--accent);border-color:var(--accent)}
.r-credit{margin:0;padding-top:.6rem;border-top:1px solid var(--rule);font-size:.68em;line-height:1.5;color:var(--ink-3)}.r-runtime-error{margin-top:.75rem;padding:.5rem .7rem;border:1px solid #b3382a;border-radius:.4rem;color:#b3382a;font-size:.8em}.radical-card :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mobile .r-example,.mobile .r-hero{grid-template-columns:1fr}.mobile .r-hero{gap:.4rem;flex-direction:column;align-items:center;text-align:center}.mobile .r-stage{width:min(62vw,15rem)}.mobile .r-identity{width:100%}.mobile .r-pills{justify-content:center}.mobile .radical-front:not(.radical-recall){min-height:0;justify-content:flex-start}.mobile .r-example{display:grid;grid-template-columns:1fr}.mobile .r-example-hv{margin-left:.55rem}@media(max-width:544px){.r-example{grid-template-columns:1fr}.r-hero{gap:.4rem;flex-direction:column;align-items:center;text-align:center}.r-stage{width:min(62vw,15rem)}.r-identity{width:100%}.r-pills{justify-content:center}.radical-front:not(.radical-recall){min-height:0;justify-content:flex-start}.r-example-hv{margin-left:.55rem}}