._tabList_7ri1e_1{display:flex;border-bottom:2px solid var(--color-border);background-color:var(--color-bg)}._tab_7ri1e_1{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.5rem;text-decoration:none;color:var(--color-tab-inactive);border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .15s ease,border-color .15s ease;min-width:140px;cursor:pointer}._tab_7ri1e_1:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}._tabActive_7ri1e_26{color:var(--color-tab-active);border-bottom-color:var(--color-tab-active);font-weight:600}._tabInactive_7ri1e_32:hover{color:var(--color-text);border-bottom-color:var(--color-border)}._tabLabel_7ri1e_37{font-size:1rem}._tabProgress_7ri1e_41{font-size:.75rem;color:var(--color-text-muted);margin-top:.125rem}@media(prefers-reduced-motion:reduce){._tab_7ri1e_1{transition:none}}._layout_u3nj8_1{min-height:100vh;display:flex;flex-direction:column}._header_u3nj8_7{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}._title_u3nj8_15{font-size:1.25rem;font-weight:700;padding:.75rem 1rem .25rem;color:var(--color-text)}._main_u3nj8_22{flex:1;overflow:auto}._cell_8ssn5_1{position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:100%;aspect-ratio:1;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-bg);cursor:pointer;transition:background-color .1s ease,border-color .1s ease,transform .1s ease;padding:0}._cell_8ssn5_1:hover:not(:disabled){background-color:var(--color-surface);border-color:var(--color-primary)}._cell_8ssn5_1:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;z-index:1}._cell_8ssn5_1:active:not(:disabled){transform:scale(.95)}._cellSelected_8ssn5_33{background-color:#e8f0fe;border-color:var(--color-primary);border-width:2px}._cellViewed_8ssn5_39{background-color:#f0fff4}._cellEmpty_8ssn5_43{background-color:transparent;border-color:transparent;cursor:default;opacity:0}._symbol_8ssn5_50{font-family:var(--font-ja);font-size:1.5rem;line-height:1;-webkit-user-select:none;user-select:none}._viewedDot_8ssn5_57{position:absolute;bottom:3px;right:3px;width:6px;height:6px;border-radius:50%;background-color:var(--color-success)}@media(prefers-reduced-motion:reduce){._cell_8ssn5_1{transition:none}}._row_rjz74_1{display:contents}._rowLabel_rjz74_5{display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.25rem}._button_1jvss_1{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:2px solid var(--color-border);border-radius:50%;background-color:var(--color-bg);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease;padding:.5rem}._button_1jvss_1:hover{background-color:var(--color-surface);border-color:var(--color-primary)}._button_1jvss_1:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}._button_1jvss_1:active{transform:scale(.92)}._playing_1jvss_29{border-color:var(--color-primary);background-color:#e8f0fe}._error_1jvss_34{border-color:var(--color-accent);color:var(--color-accent)}._icon_1jvss_39{font-size:1.25rem;line-height:1}@media(prefers-reduced-motion:reduce){._button_1jvss_1{transition:none}}._panel_scaj5_1{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #00000014;min-width:200px;transition:opacity .15s ease}._closeButton_scaj5_16{position:absolute;top:.5rem;right:.5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;font-size:1rem;color:var(--color-text-muted);border-radius:4px;padding:.5rem}._closeButton_scaj5_16:hover{background-color:var(--color-surface);color:var(--color-text)}._closeButton_scaj5_16:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}._characterDisplay_scaj5_44{display:flex;flex-direction:column;align-items:center;gap:.5rem}._symbol_scaj5_51{font-family:var(--font-ja);font-size:4rem;line-height:1;color:var(--color-text)}._romaji_scaj5_58{font-size:1.25rem;color:var(--color-text-muted);letter-spacing:.05em}._strokeOrderSection_scaj5_64{width:100%;display:flex;justify-content:center}._strokeOrderImg_scaj5_70{max-width:120px;max-height:120px;width:100%;height:auto}._strokeUnavailable_scaj5_77{font-size:.875rem;color:var(--color-text-muted);font-style:italic}@media(prefers-reduced-motion:reduce){._panel_scaj5_1{transition:none}}._container_3een1_1{padding:1rem;max-width:900px;margin:0 auto}._chartWrapper_3een1_7{display:flex;gap:1.5rem;align-items:flex-start;flex-wrap:wrap}._grid_3een1_14{display:grid;grid-template-columns:2rem repeat(5,minmax(44px,1fr));gap:4px;flex:1;min-width:300px}._headerRow_3een1_22{display:contents}._cornerCell_3een1_26{display:block}._columnHeader_3een1_30{display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;padding:.25rem 0}._detailWrapper_3een1_42{flex:0 0 220px;position:sticky;top:1rem}@media(max-width:600px){._chartWrapper_3een1_7{flex-direction:column}._detailWrapper_3een1_42{flex:1 1 100%;position:static}._grid_3een1_14{grid-template-columns:1.5rem repeat(5,minmax(40px,1fr));gap:3px}}