.char-panel[data-astro-cid-hmnqy3rx]{gap:var(--space-4);flex-direction:column;display:flex;container-type:inline-size}.variant-card[data-astro-cid-hmnqy3rx] .cp-top[data-astro-cid-hmnqy3rx]{gap:var(--space-4);grid-template-columns:1fr;display:grid}@container (width>=340px){.variant-card[data-astro-cid-hmnqy3rx].char-panel:has(.cc-strokes) .cp-top[data-astro-cid-hmnqy3rx]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}}.cp-hero[data-astro-cid-hmnqy3rx]{padding:52px var(--space-4) var(--space-4);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--accent-soft) 55%, var(--surface));border:1px solid var(--border);flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.cp-actions[data-astro-cid-hmnqy3rx]{top:var(--space-2);right:var(--space-2);gap:4px;display:flex;position:absolute}.cp-glyph[data-astro-cid-hmnqy3rx]{font-family:var(--font-jp);color:var(--brand);margin-bottom:var(--space-2);font-size:clamp(4.5rem,20cqi,6rem);font-weight:700;line-height:1.05}.cp-glyph[data-astro-cid-hmnqy3rx].jp-display{font-family:var(--font-jp-display);font-weight:600}.cp-reading[data-astro-cid-hmnqy3rx]{font-family:var(--font-jp);font-weight:700;font-size:var(--text-lg);color:var(--text)}.cp-romaji[data-astro-cid-hmnqy3rx]{font-size:var(--text-sm);color:var(--text-muted);font-weight:600}.cp-meaning[data-astro-cid-hmnqy3rx]{font-size:var(--text-md);color:var(--text);font-weight:600}.cp-tags[data-astro-cid-hmnqy3rx]{gap:var(--space-2);margin-top:var(--space-3);display:flex}.cc-strokes[data-astro-cid-hmnqy3rx]{justify-content:center;min-width:0;display:flex}.cc-buttons[data-astro-cid-hmnqy3rx]{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.cc-mnemonic[data-astro-cid-hmnqy3rx]{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb, var(--pink-soft) 70%, var(--surface));display:flex}.cc-bulb[data-astro-cid-hmnqy3rx]{background:var(--warning);width:32px;height:32px;color:var(--surface);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cc-m-title[data-astro-cid-hmnqy3rx]{font-weight:800;font-size:var(--text-sm);color:var(--pink-ink);margin:0}.cc-m-text[data-astro-cid-hmnqy3rx]{font-size:var(--text-sm);color:var(--text);margin:2px 0 0}.cc-examples[data-astro-cid-hmnqy3rx]{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cc-examples[data-astro-cid-hmnqy3rx] li[data-astro-cid-hmnqy3rx]{align-items:baseline;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);font-size:var(--text-sm);display:flex}.cc-ex-word[data-astro-cid-hmnqy3rx]{font-family:var(--font-jp);font-weight:700;font-size:var(--text-md)}.cc-ex-reading[data-astro-cid-hmnqy3rx]{color:var(--text-muted)}.cc-ex-meaning[data-astro-cid-hmnqy3rx]{color:var(--text-muted);margin-left:auto}.variant-full[data-astro-cid-hmnqy3rx] .cp-top[data-astro-cid-hmnqy3rx]{gap:var(--space-5);grid-template-columns:1fr;display:grid}.cp-art[data-astro-cid-hmnqy3rx]{display:none}@container (width>=560px){.variant-full[data-astro-cid-hmnqy3rx] .cp-top[data-astro-cid-hmnqy3rx]{grid-template-columns:180px 1fr;grid-template-areas:"left meta""left art"}.cp-left[data-astro-cid-hmnqy3rx]{grid-area:left}.cp-mid[data-astro-cid-hmnqy3rx]{grid-area:meta}.cp-art[data-astro-cid-hmnqy3rx]{aspect-ratio:16/7;grid-area:art;display:block}}@container (width>=860px){.variant-full[data-astro-cid-hmnqy3rx] .cp-top[data-astro-cid-hmnqy3rx]{grid-template-columns:190px 1fr 220px;grid-template-areas:"left meta art"}.cp-art[data-astro-cid-hmnqy3rx]{aspect-ratio:4/3}}.cp-left[data-astro-cid-hmnqy3rx]{gap:var(--space-3);flex-direction:column;display:flex}.cp-box[data-astro-cid-hmnqy3rx]{justify-content:center;align-items:center;gap:var(--space-2);aspect-ratio:1;border-radius:var(--radius-frame);background:var(--band);color:var(--band-ink);flex-direction:column;display:flex}.cp-box[data-astro-cid-hmnqy3rx].has-pills{aspect-ratio:auto;padding-block:var(--space-6)}.cp-char[data-astro-cid-hmnqy3rx]{font-family:var(--font-jp);color:var(--band-ink);white-space:nowrap;font-size:clamp(5rem,22cqi,7.5rem);font-weight:700;line-height:1}.cp-char[data-astro-cid-hmnqy3rx].jp-display{font-family:var(--font-jp-display);font-weight:600}.cp-box[data-astro-cid-hmnqy3rx] .cp-char[data-astro-cid-hmnqy3rx].is-multi{letter-spacing:-.02em;font-size:clamp(2.6rem,11cqi,4.2rem)}.cp-pills[data-astro-cid-hmnqy3rx]{padding-inline:var(--space-3);flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.cp-pill[data-astro-cid-hmnqy3rx]{border-radius:var(--radius-full);border:1px solid var(--band-rule);font-size:var(--text-2xs);letter-spacing:.02em;color:var(--band-ink-2);padding:3px 11px;font-weight:700}.cp-hanviet[data-astro-cid-hmnqy3rx]{text-align:center;font-family:var(--font-heading);font-weight:700;font-size:var(--text-lg);color:inherit;margin:0}.cp-icons[data-astro-cid-hmnqy3rx]{justify-content:center;gap:var(--space-3);display:flex}.cp-full-actions[data-astro-cid-hmnqy3rx]{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(90px,1fr));display:grid}.cp-act[data-astro-cid-hmnqy3rx]{justify-content:center;align-items:center;gap:var(--space-1);min-height:64px;padding:var(--space-2);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-xs);text-align:center;flex-direction:column;font-weight:700;text-decoration:none;display:flex}.cp-act[data-astro-cid-hmnqy3rx]:hover{border-color:var(--accent);color:var(--accent)}.cp-act[data-astro-cid-hmnqy3rx].is-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.cp-art[data-astro-cid-hmnqy3rx] img[data-astro-cid-hmnqy3rx]{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:100%;display:block}.cp-h[data-astro-cid-hmnqy3rx]{margin:0 0 var(--space-2);font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--brand);font-weight:800}.cp-words[data-astro-cid-hmnqy3rx] table[data-astro-cid-hmnqy3rx]{border-collapse:collapse;width:100%;font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.cp-words[data-astro-cid-hmnqy3rx] td[data-astro-cid-hmnqy3rx]{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border)}.cp-words[data-astro-cid-hmnqy3rx] tr[data-astro-cid-hmnqy3rx]:first-child td[data-astro-cid-hmnqy3rx]{border-top:none}.w-word[data-astro-cid-hmnqy3rx]{font-family:var(--font-jp);font-weight:700;font-size:var(--text-lg)}.w-word[data-astro-cid-hmnqy3rx] a[data-astro-cid-hmnqy3rx]{color:inherit;text-decoration:none}.w-word[data-astro-cid-hmnqy3rx] a[data-astro-cid-hmnqy3rx]:hover{color:var(--accent)}.w-kana[data-astro-cid-hmnqy3rx],.w-romaji[data-astro-cid-hmnqy3rx]{color:var(--text-muted)}.w-act[data-astro-cid-hmnqy3rx]{width:1%}@container (width<=480px){.w-romaji[data-astro-cid-hmnqy3rx]{display:none}}.cp-rows[data-astro-cid-hmnqy3rx]{gap:var(--space-4);flex-direction:column;margin:0;display:flex}.cp-row[data-astro-cid-hmnqy3rx]{padding-top:var(--space-3);border-top:1px solid var(--border);flex-direction:column;gap:4px;display:flex}.cp-row[data-astro-cid-hmnqy3rx] dt[data-astro-cid-hmnqy3rx]{font-size:var(--text-xs);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--text-subtle);font-weight:700}.cp-row[data-astro-cid-hmnqy3rx] dd[data-astro-cid-hmnqy3rx]{font-size:var(--text-sm);color:var(--text);margin:0;line-height:1.6}.cp-row[data-astro-cid-hmnqy3rx] dd[data-astro-cid-hmnqy3rx] .jp-display[data-astro-cid-hmnqy3rx]{font-size:1.3em}.cp-nav[data-astro-cid-hmnqy3rx]{justify-content:space-between;gap:var(--space-2);display:flex}.cp-nav[data-astro-cid-hmnqy3rx] a[data-astro-cid-hmnqy3rx]{font-size:var(--text-sm);color:var(--accent);font-weight:700;text-decoration:none}.cp-nav[data-astro-cid-hmnqy3rx] a[data-astro-cid-hmnqy3rx]:hover{text-decoration:underline}.variant-full[data-astro-cid-hmnqy3rx].is-side{background:var(--band);color:var(--band-ink);border-radius:var(--radius-frame);padding:var(--space-6)}.variant-full[data-astro-cid-hmnqy3rx].is-side .cp-top[data-astro-cid-hmnqy3rx]{grid-template-columns:1fr;grid-template-areas:none}.variant-full[data-astro-cid-hmnqy3rx].is-side .cp-left[data-astro-cid-hmnqy3rx]{grid-area:auto}.variant-full[data-astro-cid-hmnqy3rx].is-side .cp-box[data-astro-cid-hmnqy3rx]{border:1px solid var(--band-rule)}.variant-full[data-astro-cid-hmnqy3rx].is-side .cp-row[data-astro-cid-hmnqy3rx]{border-top-color:var(--band-rule)}.variant-full[data-astro-cid-hmnqy3rx].is-side .cp-row[data-astro-cid-hmnqy3rx] dt[data-astro-cid-hmnqy3rx]{color:var(--band-ink-2)}.variant-full[data-astro-cid-hmnqy3rx].is-side .cp-row[data-astro-cid-hmnqy3rx] dd[data-astro-cid-hmnqy3rx]{color:var(--band-ink)}.variant-full[data-astro-cid-hmnqy3rx].is-side .meta-list dt{color:var(--band-ink-2)}.variant-full[data-astro-cid-hmnqy3rx].is-side .meta-list dd{color:var(--band-ink)}.variant-full[data-astro-cid-hmnqy3rx].is-side .meta-list .ml-row{border-bottom-color:var(--band-rule)}@media (width>=640px){.variant-full[data-astro-cid-hmnqy3rx].is-side{gap:var(--space-6);grid-template-columns:200px minmax(0,1fr);align-items:start;display:grid}.variant-full[data-astro-cid-hmnqy3rx].is-side .cp-rows[data-astro-cid-hmnqy3rx]{grid-area:1/2/span 3}.variant-full[data-astro-cid-hmnqy3rx].is-side .cp-row[data-astro-cid-hmnqy3rx]:first-child{border-top:0;padding-top:0}}