.practice-btn[data-v-83be7ada]{letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:#fff;border:1.5px solid;border-radius:6px;padding:4px 8px;font-size:10.5px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s}.practice-btn[data-v-83be7ada]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px -4px #0003}.practice-btn[data-v-83be7ada]:disabled{opacity:.4;cursor:not-allowed}.start-btn[data-v-83be7ada]{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#fff;border:1.5px dashed;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:10.5px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.start-btn[data-v-83be7ada]:hover{border-style:solid;transform:translateY(-1px);box-shadow:0 4px 10px -4px #0003}.start-btn .han[data-v-83be7ada]{font-weight:800}.breakdown-card[data-v-83be7ada]{text-align:left;background:#fffffff0;border:1px solid;border-radius:8px;order:-1;width:min(17rem,100%);overflow:hidden;box-shadow:0 4px 14px -12px #1f1d1a80}.breakdown-card summary[data-v-83be7ada]{color:#1f1d1a;cursor:pointer;grid-template-columns:1.75rem minmax(0,1fr) 1rem;align-items:center;gap:8px;min-height:2.75rem;padding:7px 10px;list-style:none;transition:background .15s;display:grid}.breakdown-card summary[data-v-83be7ada]:hover{background:color-mix(in srgb,var(--breakdown-accent) 5%,#fff)}.breakdown-card summary[data-v-83be7ada]:focus-visible{outline:2px solid var(--breakdown-accent);outline-offset:-2px}.breakdown-card summary[data-v-83be7ada]::-webkit-details-marker{display:none}.breakdown-mark[data-v-83be7ada]{background:color-mix(in srgb,var(--breakdown-accent) 10%,#fff);width:1.75rem;height:1.75rem;color:var(--breakdown-accent);border-radius:6px;place-items:center;font-size:17px;font-weight:800;display:grid}.breakdown-title[data-v-83be7ada]{flex-direction:column;gap:1px;min-width:0;display:flex}.breakdown-title strong[data-v-83be7ada]{letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1.25}.breakdown-title small[data-v-83be7ada]{color:#1f1d1a8c;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.3;overflow:hidden}.breakdown-chevron[data-v-83be7ada]{border-right:1.5px solid var(--breakdown-accent);border-bottom:1.5px solid var(--breakdown-accent);width:7px;height:7px;transition:transform .18s;transform:rotate(45deg)translate(-2px,-2px)}.breakdown-card[open] .breakdown-chevron[data-v-83be7ada]{transform:rotate(225deg)translate(-1px,-1px)}.breakdown-card[open] summary[data-v-83be7ada]{border-bottom:1px solid #1f1d1a14}.breakdown-body[data-v-83be7ada]{padding:12px 10px 10px}.character-overview[data-v-83be7ada]{border-bottom:1px solid #1f1d1a17;grid-template-columns:2.8rem minmax(0,1fr) auto;align-items:start;gap:8px;padding-bottom:11px;display:grid}.character-overview>strong[data-v-83be7ada]{color:var(--breakdown-accent);font-size:36px;line-height:1}.character-overview>div[data-v-83be7ada]{min-width:0}.reading-list[data-v-83be7ada]{gap:5px;display:grid}.reading-list>div+div[data-v-83be7ada]{border-top:1px dashed #1f1d1a1a;padding-top:4px}.character-overview b[data-v-83be7ada]{color:#1f1d1a;font-size:12px;line-height:1.35;display:block}.character-overview p[data-v-83be7ada]{color:#1f1d1ab3;margin:3px 0 0;font-size:9px;line-height:1.4}.character-overview p span[data-v-83be7ada]{color:#1f1d1a80;text-transform:uppercase;font-weight:800}.stroke-count[data-v-83be7ada]{border:1px solid color-mix(in srgb,var(--breakdown-accent) 25%,#fff);color:var(--breakdown-accent);text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:3px 5px;font-size:8px;font-weight:800;line-height:1.2}.breakdown-heading[data-v-83be7ada],.breakdown-section h4[data-v-83be7ada]{color:#1f1d1a80;letter-spacing:.07em;text-transform:uppercase;margin:10px 0 6px;font-size:8px;font-weight:800}.composition-flow[data-v-83be7ada]{flex-direction:column;align-items:center;display:flex}.composition-parts[data-v-83be7ada]{justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.composition-part[data-v-83be7ada]{border-bottom:2px solid color-mix(in srgb,var(--breakdown-accent) 35%,#fff);background:color-mix(in srgb,var(--breakdown-accent) 4%,#fff);flex:1 1 0;grid-template-rows:minmax(1.35rem,auto) 2.4rem 1rem auto;justify-items:center;min-width:0;padding:7px 4px;text-decoration:none;transition:border-color .15s,background .15s;display:grid}.composition-part[data-v-83be7ada]:hover{border-color:var(--breakdown-accent);background:color-mix(in srgb,var(--breakdown-accent) 9%,#fff)}.composition-part[data-v-83be7ada]:focus-visible{outline:2px solid var(--breakdown-accent);outline-offset:2px}.composition-part>span[data-v-83be7ada]{color:var(--breakdown-accent);letter-spacing:.07em;text-align:center;text-transform:uppercase;font-size:8px;font-weight:800;line-height:1.25}.composition-part strong[data-v-83be7ada]{color:#1f1d1a;font-size:28px;line-height:1}.composition-part em[data-v-83be7ada]{color:#1f1d1a;font-size:9px;font-style:normal;font-weight:700;line-height:1.2}.composition-part small[data-v-83be7ada]{color:#1f1d1a8c;text-align:center;font-size:8px;line-height:1.25}.composition-plus[data-v-83be7ada]{color:#1f1d1a4d;flex:none;font-size:14px}.composition-arrow[data-v-83be7ada]{height:18px;color:color-mix(in srgb,var(--breakdown-accent) 65%,#fff);font-size:14px;line-height:18px}.composition-result[data-v-83be7ada]{align-items:baseline;gap:7px;display:flex}.composition-result strong[data-v-83be7ada]{color:var(--breakdown-accent);font-size:34px;line-height:1}.composition-result span[data-v-83be7ada]{color:#1f1d1a;font-size:12px;font-weight:700}.composition-single[data-v-83be7ada]{justify-content:center;align-items:center;gap:10px;padding:4px 0 10px;display:flex}.composition-single strong[data-v-83be7ada]{color:var(--breakdown-accent);font-size:34px;line-height:1}.composition-single span[data-v-83be7ada]{color:#1f1d1a8c;font-size:15px}.breakdown-meta[data-v-83be7ada]{border-top:1px solid #1f1d1a17;border-bottom:1px solid #1f1d1a17;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:11px;display:grid}.breakdown-meta>div[data-v-83be7ada]{min-width:0;padding:7px 5px}.breakdown-meta>div+div[data-v-83be7ada]{border-left:1px solid #1f1d1a14}.breakdown-meta span[data-v-83be7ada]{color:#1f1d1a7a;letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:800;display:block}.breakdown-meta strong[data-v-83be7ada]{color:#1f1d1a;overflow-wrap:anywhere;margin-top:2px;font-size:9px;font-weight:700;line-height:1.3;display:block}.breakdown-meta b[data-v-83be7ada]{color:var(--breakdown-accent);margin-right:3px;font-size:13px}.breakdown-section[data-v-83be7ada]{border-top:1px solid #1f1d1a17;margin-top:10px}.breakdown-section>p[data-v-83be7ada]{color:#1f1d1abd;margin:0;font-size:10px;line-height:1.5}.phonetic-family>div[data-v-83be7ada]{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.phonetic-family a[data-v-83be7ada]{border-bottom:2px solid color-mix(in srgb,var(--breakdown-accent) 25%,#fff);color:#1f1d1a;text-align:center;justify-items:center;min-width:0;padding:5px 3px;text-decoration:none;display:grid}.phonetic-family a[data-v-83be7ada]:hover{border-color:var(--breakdown-accent);background:color-mix(in srgb,var(--breakdown-accent) 5%,#fff)}.phonetic-family a[data-v-83be7ada]:focus-visible{outline:2px solid var(--breakdown-accent);outline-offset:1px}.phonetic-family strong[data-v-83be7ada]{font-size:20px;line-height:1.1}.phonetic-family span[data-v-83be7ada]{color:var(--breakdown-accent);font-size:8px;font-weight:700}.phonetic-family small[data-v-83be7ada]{color:#1f1d1a8c;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:7.5px;line-height:1.25;overflow:hidden}.common-words-header[data-v-83be7ada]{justify-content:space-between;align-items:center;gap:6px;display:flex}.common-words ul[data-v-83be7ada]{gap:5px;margin:0;padding:0;list-style:none;display:grid}.common-words h4 span[data-v-83be7ada]{background:color-mix(in srgb,var(--breakdown-accent) 10%,#fff);min-width:1.1rem;height:1.1rem;color:var(--breakdown-accent);border-radius:50%;place-items:center;margin-left:3px;font-size:8px;display:inline-grid}.common-words li[data-v-83be7ada]{-moz-column-gap:6px;border-left:2px solid color-mix(in srgb,var(--breakdown-accent) 28%,#fff);grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:6px;padding-left:8px;display:grid}.common-words strong[data-v-83be7ada]{color:#1f1d1a;font-size:12px}.common-words strong b[data-v-83be7ada]{background:color-mix(in srgb,var(--breakdown-accent) 9%,#fff);color:var(--breakdown-accent);vertical-align:middle;border-radius:3px;margin-left:3px;padding:1px 3px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:7px;line-height:1.3;display:inline-block}.common-words span[data-v-83be7ada]{color:var(--breakdown-accent);font-size:9px;font-weight:700}.common-words small[data-v-83be7ada]{color:#1f1d1a99;grid-column:1/-1;font-size:9px;line-height:1.3}.word-sort[data-v-83be7ada]{border:1px solid #1f1d1a1f;border-radius:5px;flex:none;display:inline-flex;overflow:hidden}.word-sort button[data-v-83be7ada]{color:#1f1d1a8c;cursor:pointer;background:#fff;border:0;min-height:1.4rem;padding:2px 5px;font-size:7.5px;font-weight:800}.word-sort button+button[data-v-83be7ada]{border-left:1px solid #1f1d1a1f}.word-sort button.active[data-v-83be7ada]{background:var(--breakdown-accent);color:#fff}.word-sort button[data-v-83be7ada]:focus-visible{outline:2px solid var(--breakdown-accent);outline-offset:-2px}.words-toggle[data-v-83be7ada]{border:1px solid color-mix(in srgb,var(--breakdown-accent) 24%,#fff);width:100%;color:var(--breakdown-accent);cursor:pointer;background:#fff;border-radius:5px;margin-top:7px;padding:5px;font-size:8px;font-weight:800}.words-toggle[data-v-83be7ada]:hover{background:color-mix(in srgb,var(--breakdown-accent) 5%,#fff)}