.kana[data-v-e2f61f6f]{display:flex;flex-direction:column;gap:16px}.row[data-v-e2f61f6f]{display:flex;gap:12px}.card[data-v-e2f61f6f]{border:1px solid var(--border-lighter);border-radius:10px;padding:14px}.sec-title[data-v-e2f61f6f]{font-weight:600;margin-bottom:10px}.grid5[data-v-e2f61f6f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}.cell[data-v-e2f61f6f]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:64px;border:1px solid var(--border-lighter);border-radius:8px;cursor:pointer;transition:all .12s;background:var(--bg-color)}.cell[data-v-e2f61f6f]:hover{border-color:var(--el-color-primary);background:var(--el-color-primary-light-9)}.cell.empty[data-v-e2f61f6f]{border-style:dashed;cursor:default;opacity:.4}.kana-char[data-v-e2f61f6f]{font-size:24px;font-weight:600;color:var(--text-primary)}.romaji[data-v-e2f61f6f]{font-size:12px;color:var(--text-secondary)}